@charset "UTF-8";

.viewFramework-topbar
{
    position: fixed;
    width: 100%;
    height: 50px;
    background: #09C;
    z-index: 101;
}

.viewFramework-body
{
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0px;
    background-color: #000;
    z-index: 100;
}

    .viewFramework-body .console-global-notice .console-global-notice-nav
    {
        top: 14px;
    }

    .viewFramework-body .console-global-notice .console-global-notice-list
    {
        margin: 0;
        height: 40px;
    }

        .viewFramework-body .console-global-notice .console-global-notice-list .console-global-notice-item
        {
            padding: 11px 12px;
            border: none;
        }

            .viewFramework-body .console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore
            {
                top: 10px;
            }

    .viewFramework-body.viewFramework-topbar-hide
    {
        top: 0px;
    }

        .viewFramework-body.viewFramework-topbar-hide .viewFramework-sidebar
        {
            top: 0px;
        }

.viewFramework-sidebar
{
    width: 0px;
    display: none;
    position: fixed;
    top: 50px;
    bottom: 0px;
    background-color: #293038;
    z-index: 102;
    overflow-x: hidden;
}

    .viewFramework-sidebar .sidebar-content
    {
        width: 200px;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
    }

    .viewFramework-sidebar .sidebar-trans
    {
        -o-transition: all 0.12s ease,0.12s ease;
        -ms-transition: all 0.12s ease,0.12s ease;
        -moz-transition: all 0.12s ease,0.12s ease;
        -webkit-transition: all 0.12s ease,0.12s ease;
    }

    .viewFramework-sidebar .sidebar-fold
    {
        height: 30px;
        width: 180px;
        background: #394555;
        color: #aeb9c2;
        text-align: center;
        line-height: 30px !important;
        font-size: 12px;
        user-select: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
    }

        .viewFramework-sidebar .sidebar-fold:hover
        {
            background: #37424f;
        }

    .viewFramework-sidebar .sidebar-nav
    {
        width: 180px;
    }

        .viewFramework-sidebar .sidebar-nav ul
        {
            margin: 0px;
            padding: 0px;
            list-style: none;
            overflow: hidden;
        }

        .viewFramework-sidebar .sidebar-nav li a
        {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
        }

            .viewFramework-sidebar .sidebar-nav li a:hover
            {
                background: #37424f;
            }

                .viewFramework-sidebar .sidebar-nav li a:hover .nav-icon, .viewFramework-sidebar .sidebar-nav li a:hover .nav-title
                {
                    color: #fff;
                }

        .viewFramework-sidebar .sidebar-nav .nav-item
        {
            position: relative;
        }

        .viewFramework-sidebar .sidebar-nav .nav-comment
        {
            background: #2d3945;
            color: #cccccc;
            height: 26px;
            margin-left: 8px;
            line-height: 26px;
            padding: 0 7px;
            vertical-align: middle;
            position: relative;
            display: none;
        }

            .viewFramework-sidebar .sidebar-nav .nav-comment .icon-arrow-left
            {
                position: absolute;
                left: -14px;
                line-height: 26px;
                font-size: 24px;
                color: #2d3945;
            }

        .viewFramework-sidebar .sidebar-nav .nav-tooltip-comment
        {
            color: #ccc;
        }

        .viewFramework-sidebar .sidebar-nav .sidebar-title
        {
            height: 40px;
            background: #22282e;
            color: #fff;
            line-height: 40px;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
        }

            .viewFramework-sidebar .sidebar-nav .sidebar-title:hover
            {
                background: #414d5c;
            }

        .viewFramework-sidebar .sidebar-nav .sidebar-title-icon
        {
            display: inline-block;
            margin: 0 8px 0 20px;
            vertical-align: middle;
            transition: transform 0.12s;
            -o-transition: -o-transform 0.12s;
            -ms-transition: -ms-transform 0.12s;
            -moz-transition: -moz-transform 0.12s;
            -webkit-transition: -webkit-transform 0.12s;
        }

    .viewFramework-sidebar .sidebar-manage
    {
        vertical-align: middle;
        position: absolute;
        height: 40px;
        width: 40px;
        right: 0;
    }

        .viewFramework-sidebar .sidebar-manage a
        {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            color: #a0abb3;
            text-decoration: none;
        }

    .viewFramework-sidebar .sidebar-nav-fold ul
    {
        height: 0 !important;
        overflow: hidden;
    }

    .viewFramework-sidebar .sidebar-nav-fold .sidebar-title-icon
    {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }

    .viewFramework-sidebar .sidebar-nav-fold .sidebar-title
    {
        background: #37424f;
        border-bottom: 1px solid #414d5c;
    }

    .viewFramework-sidebar .sidebar-nav .nav-item:hover .nav-comment
    {
        display: inline-block;
    }

    .viewFramework-sidebar .entrance-nav .nav-comment
    {
        margin-left: 10px;
    }

    .viewFramework-sidebar .sidebar-nav .nav-icon
    {
        width: 50px;
        text-align: center;
        font-size: 16px;
        float: left;
        color: #aeb9c2;
    }

    .viewFramework-sidebar .sidebar-nav .nav-title
    {
        float: left;
        overflow: hidden;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        width: 130px;
    }

    .viewFramework-sidebar .entrance-nav .nav-title
    {
        width: auto;
    }

    .viewFramework-sidebar .sidebar-nav li.consolehome .nav-tooltip
    {
        top: 15px;
        line-height: 40px;
    }

    .viewFramework-sidebar .sidebar-nav li.consolehome a
    {
        height: 70px;
        line-height: 70px;
        background: #293038;
    }

        .viewFramework-sidebar .sidebar-nav li.consolehome a .nav-icon
        {
            font-size: 20px;
        }

    .viewFramework-sidebar .sidebar-nav li.consolehome.active a
    {
        background: #293038;
    }

    .viewFramework-sidebar .sidebar-nav li.active a
    {
        background: #0099cc;
    }

        .viewFramework-sidebar .sidebar-nav li.active a .nav-title
        {
            color: #fff;
        }

        .viewFramework-sidebar .sidebar-nav li.active a .nav-icon
        {
            color: #fff;
        }

    .viewFramework-sidebar .sidebar-nav .manage-nav
    {
        height: 30px;
        overflow: hidden;
    }

        .viewFramework-sidebar .sidebar-nav .manage-nav:hover .nav-icon
        {
            color: #fff;
        }

        .viewFramework-sidebar .sidebar-nav .manage-nav a
        {
            display: block;
            height: 100%;
        }

        .viewFramework-sidebar .sidebar-nav .manage-nav .nav-icon
        {
            height: 100%;
            line-height: 30px;
            font-size: 16px;
        }

        .viewFramework-sidebar .sidebar-nav .manage-nav .nav-title
        {
            margin-top: 14px;
            background: #293038;
            height: 1px;
            width: 120px;
        }

    .viewFramework-sidebar .sidebar-nav .more-nav
    {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: relative;
    }

        .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch
        {
            background: #09c;
        }

            .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-icon, .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch .nav-title
            {
                color: #fff;
            }

            .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch:hover
            {
                background: #09c;
            }

        .viewFramework-sidebar .sidebar-nav .more-nav.open .icon-up
        {
            display: none;
        }

        .viewFramework-sidebar .sidebar-nav .more-nav.open .icon-down
        {
            display: inline-block;
        }

        .viewFramework-sidebar .sidebar-nav .more-nav .icon-up
        {
            display: inline-block;
        }

        .viewFramework-sidebar .sidebar-nav .more-nav .icon-down
        {
            display: none;
        }

        .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch
        {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

            .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover
            {
                background: #425160;
            }

                .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-icon, .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover .nav-title
                {
                    color: #fff;
                }

        .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container
        {
            background: #425160;
            position: absolute;
            bottom: 40px;
            top: auto;
            border: none;
            border-radius: 0 0;
            box-shadow: none;
            margin: 0;
            width: 100%;
        }

            .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container a
            {
                color: #fff;
                text-decoration: none;
            }

            .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item
            {
                display: block;
                height: 40px;
                line-height: 40px;
            }

                .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover
                {
                    background: #3a4856;
                }

                    .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item:hover .more-nav-item-icon
                    {
                        color: #aeb9c2;
                    }

            .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon
            {
                width: 50px;
                display: inline-block;
                vertical-align: text-top;
                text-align: center;
                color: #546478;
            }

            .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active
            {
                background: #2d3945;
            }

                .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item.active .more-nav-item-icon
                {
                    color: #0099cc;
                }

        .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close
        {
            height: 20px;
            background: #09c;
            text-align: right;
            line-height: 20px;
            cursor: pointer;
        }

            .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close .icon-down
            {
                text-align: left;
                width: 32px;
                display: inline-block;
                color: #80cce6;
                vertical-align: middle;
            }

    .viewFramework-sidebar-mini .viewFramework-sidebar, .viewFramework-sidebar.sidebar-mini
    {
        width: 50px;
        display: block;
    }

        .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-content, .viewFramework-sidebar.sidebar-mini .sidebar-content
        {
            width: 70px;
        }

        .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-fold, .viewFramework-sidebar.sidebar-mini .sidebar-fold
        {
            width: 50px;
        }

        .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav, .viewFramework-sidebar.sidebar-mini .sidebar-nav
        {
            width: 50px;
        }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-item a:hover + .nav-tooltip, .viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-item a:hover + .nav-tooltip
            {
                display: block;
            }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .nav-title, .viewFramework-sidebar.sidebar-mini .sidebar-nav .nav-title
            {
                display: none;
            }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-switch:hover, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-switch:hover
            {
                background: #425160 !important;
            }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav.open .more-nav-switch, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav.open .more-nav-switch
            {
                background: #425160 !important;
            }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container
            {
                bottom: 0px;
                left: 50px;
                width: 180px;
            }

                .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container .more-nav-item
                {
                    display: block;
                    height: 40px;
                    line-height: 40px;
                }

                .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-container .more-nav-item-icon
                {
                    width: 50px;
                    padding-left: 0;
                }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav .more-nav .more-nav-close, .viewFramework-sidebar.sidebar-mini .sidebar-nav .more-nav .more-nav-close
            {
                display: none;
            }

            .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-nav li.consolehome a :hover, .viewFramework-sidebar.sidebar-mini .sidebar-nav li.consolehome a :hover
            {
                background: #425160;
            }

        .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title .sidebar-title-text, .viewFramework-sidebar.sidebar-mini .sidebar-title .sidebar-title-text
        {
            display: none;
        }

        .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-title-inner:hover + .nav-tooltip, .viewFramework-sidebar.sidebar-mini .sidebar-title-inner:hover + .nav-tooltip
        {
            display: block;
        }

        .viewFramework-sidebar-mini .viewFramework-sidebar .sidebar-manage, .viewFramework-sidebar.sidebar-mini .sidebar-manage
        {
            display: none;
        }

        .viewFramework-sidebar-mini .viewFramework-sidebar .entrance-nav .nav-item:hover .nav-comment, .viewFramework-sidebar.sidebar-mini .entrance-nav .nav-item:hover .nav-comment
        {
            display: none;
        }

    .viewFramework-sidebar-full .viewFramework-sidebar, .viewFramework-sidebar.sidebar-full
    {
        width: 180px;
        display: block;
    }

        .viewFramework-sidebar-full .viewFramework-sidebar .sidebar-nav .nav-icon, .viewFramework-sidebar.sidebar-full .sidebar-nav .nav-icon
        {
            width: 50px;
        }

.viewFramework-sidebar-mini .viewFramework-product
{
    left: 50px;
}

.viewFramework-sidebar-full .viewFramework-product
{
    left: 180px;
}

.viewFramework-sidebar-dialog .modal-dialog
{
    width: 730px;
}

    .viewFramework-sidebar-dialog .modal-dialog .modal-title
    {
        user-select: none;
        -webkit-user-select: none;
    }

.viewFramework-sidebar-manage .sidebar-item-list
{
    padding: 4px 0 0 0;
    height: auto;
}

.viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item
{
    border: 1px solid #37a9d5;
}

    .viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-opt-icon
    {
        display: block;
    }

    .viewFramework-sidebar-manage .sidebar-item-list-picked .sidebar-item .sidebar-item-icon
    {
        color: #516176;
    }

.viewFramework-sidebar-manage .sidebar-config-title
{
    padding-left: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.viewFramework-sidebar-manage .sidebar-item-wrap
{
    padding: 6px;
    width: 33.3%;
    float: left;
    user-select: none;
    -webkit-user-select: none;
}

    .viewFramework-sidebar-manage .sidebar-item-wrap.on-drag-hover .sidebar-item
    {
        border: 1px dashed #ddd;
    }

.viewFramework-sidebar-manage .sidebar-item
{
    height: 32px;
    padding: 4px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #d3dce3;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-transition: all 0.1s, 0.1s;
    -ms-transition: all 0.1s, 0.1s;
    -moz-transition: all 0.1s, 0.1s;
    -webkit-transition: all 0.1s, 0.1s;
}

    .viewFramework-sidebar-manage .sidebar-item:hover
    {
        border: 1px solid #37a9d5;
    }

        .viewFramework-sidebar-manage .sidebar-item:hover .sidebar-item-opt-icon
        {
            display: block;
        }

    .viewFramework-sidebar-manage .sidebar-item .sidebar-item-icon
    {
        color: #aeb9c2;
        font-size: 14px;
        margin: 0 2px;
        position: relative;
        top: 1px;
    }

    .viewFramework-sidebar-manage .sidebar-item .sidebar-item-opt-icon
    {
        display: none;
        position: absolute;
        height: 30px;
        width: 30px;
        right: 0;
        top: 0;
        line-height: 30px;
        text-align: center;
        border-left: 1px solid #37a9d5;
        color: #37a9d5;
        font-size: 14px;
    }

.viewFramework-sidebar-manage .sidebar-config-gap
{
    border: 1px dashed #e8ecf0;
    margin: 16px 5px;
    user-select: none;
    -webkit-user-select: none;
}

.aliyun-console-sidebar-tooltip
{
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .aliyun-console-sidebar-tooltip .tooltip-inner
    {
        max-width: 200px;
        padding: 12px 8px;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        border-radius: 0 0;
        background-color: #425160;
    }

    .aliyun-console-sidebar-tooltip .tooltip-arrow
    {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .aliyun-console-sidebar-tooltip.in
    {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .aliyun-console-sidebar-tooltip.right
    {
        padding: 0 5px;
        margin-left: 3px;
    }

        .aliyun-console-sidebar-tooltip.right .tooltip-arrow
        {
            top: 50%;
            left: 0;
            margin-top: -5px;
            border-right-color: #425160;
            border-width: 5px 5px 5px 0;
        }

.viewFramework-product
{
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #FFF;
}

.viewFramework-product-navbar
{
    width: 0px;
    float: left;
    background-color: #EAEDF1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    overflow: hidden;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

    .viewFramework-product-navbar .product-nav-stage
    {
        width: 180px;
        overflow: hidden;
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
    }

        .viewFramework-product-navbar .product-nav-stage .product-nav-scene
        {
            width: 180px;
            position: absolute;
            top: 0px;
            bottom: 0px;
            -webkit-transition: position,.2s,linear;
            -moz-transition: position,.2s,linear;
        }

        .viewFramework-product-navbar .product-nav-stage .product-nav-main-scene
        {
            left: 0px;
        }

        .viewFramework-product-navbar .product-nav-stage .product-nav-sub-scene
        {
            left: 180px;
        }

    .viewFramework-product-navbar .product-nav-stage-main .product-nav-main-scene
    {
        left: 0px;
    }

    .viewFramework-product-navbar .product-nav-stage-main .product-nav-sub-scene
    {
        left: 180px;
    }

    .viewFramework-product-navbar .product-nav-stage-sub .product-nav-main-scene
    {
        left: -180px;
    }

    .viewFramework-product-navbar .product-nav-stage-sub .product-nav-sub-scene
    {
        left: 0px;
    }

    .viewFramework-product-navbar .product-nav-scene .product-nav-title
    {
        width: 180px;
        height: 70px;
        line-height: 70px;
        background: #D9DEE4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .viewFramework-product-navbar .product-nav-main-scene .product-nav-title
    {
        font-weight: bold;
        text-indent: 20px;
    }

    .viewFramework-product-navbar .product-nav-sub-scene .product-nav-title
    {
        text-align: center;
    }

        .viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a
        {
            font-size: 20px;
            color: #546478;
            text-decoration: none;
        }

            .viewFramework-product-navbar .product-nav-sub-scene .product-nav-title a:hover
            {
                color: #09C;
            }

    .viewFramework-product-navbar .product-nav-list
    {
        position: absolute;
        top: 70px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .viewFramework-product-navbar .product-nav-list .nav-icon
        {
            width: 30px;
            height: 40px;
            float: left;
            text-align: center;
            font-size: 16px;
            color: #333;
        }

        .viewFramework-product-navbar .product-nav-list .nav-title
        {
            width: 138px;
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .viewFramework-product-navbar .product-nav-list .nav-extend
        {
            height: 40px;
            line-height: 40px;
            float: right;
            margin-top: -40px;
        }

        .viewFramework-product-navbar .product-nav-list ul
        {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

        .viewFramework-product-navbar .product-nav-list li a
        {
            width: 180px;
            height: 40px;
            line-height: 40px;
            display: block;
            color: #333;
        }

        .viewFramework-product-navbar .product-nav-list ul ul li a
        {
            color: #666;
        }

            .viewFramework-product-navbar .product-nav-list ul ul li a .nav-title
            {
                text-indent: 8px;
            }

        .viewFramework-product-navbar .product-nav-list li a:hover
        {
            background-color: #F4F6F8;
        }

        .viewFramework-product-navbar .product-nav-list li.active a
        {
            background-color: #FFF;
        }

.viewFramework-product-navbar-collapse
{
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 50px;
    z-index: 3;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

    .viewFramework-product-navbar-collapse:hover .product-navbar-collapse
    {
        left: 0;
    }

    .viewFramework-product-navbar-collapse:hover .product-navbar-collapse-bg
    {
        border-bottom: 8px solid transparent;
        border-left: 20px solid #D9DEE4;
        border-top: 8px solid transparent;
    }

    .viewFramework-product-navbar-collapse .product-navbar-collapse-inner
    {
        top: -50%;
        position: relative;
        overflow: hidden;
    }

    .viewFramework-product-navbar-collapse .product-navbar-collapse
    {
        height: 50px;
        position: relative;
        left: -7px;
        text-align: center;
        cursor: pointer;
        -o-transition: all 0.1s ease,0.1s ease;
        -ms-transition: all 0.1s ease,0.1s ease;
        -moz-transition: all 0.1s ease,0.1s ease;
        -webkit-transition: all 0.1s ease,0.1s ease;
    }

        .viewFramework-product-navbar-collapse .product-navbar-collapse > span
        {
            font-size: 15px;
            line-height: 50px;
            vertical-align: text-top;
        }

    .viewFramework-product-navbar-collapse .product-navbar-collapse-bg
    {
        width: 0;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        border-bottom: 9px solid transparent;
        border-left: 13px solid #D9DEE4;
        border-top: 9px solid transparent;
        -o-transition: all 0.1s ease,0.1s ease;
        -ms-transition: all 0.1s ease,0.1s ease;
        -moz-transition: all 0.1s ease,0.1s ease;
        -webkit-transition: all 0.1s ease,0.1s ease;
    }

    .viewFramework-product-navbar-collapse .icon-collapse-left
    {
        display: none;
    }

    .viewFramework-product-navbar-collapse .icon-collapse-right
    {
        display: inline;
    }

.viewFramework-product-body
{
    position: absolute;
    width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    overflow-y: auto;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-bg, .viewFramework-product-col-1 .viewFramework-product-navbar
{
    width: 180px;
}

.viewFramework-product-col-1 .viewFramework-product-body
{
    left: 180px;
}

.viewFramework-product-col-1 .viewFramework-product-navbar-collapse
{
    left: 160px;
}

    .viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse
    {
        right: -7px;
        left: auto;
    }

        .viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse > span
        {
            color: #546478;
        }

    .viewFramework-product-col-1 .viewFramework-product-navbar-collapse .product-navbar-collapse-bg
    {
        right: 0;
        left: auto;
        border-bottom: 9px solid transparent;
        border-left: none;
        border-right: 13px solid #f7f7f7;
        border-top: 9px solid transparent;
    }

    .viewFramework-product-col-1 .viewFramework-product-navbar-collapse .icon-collapse-left
    {
        display: inline;
    }

    .viewFramework-product-col-1 .viewFramework-product-navbar-collapse .icon-collapse-right
    {
        display: none;
    }

    .viewFramework-product-col-1 .viewFramework-product-navbar-collapse:hover .product-navbar-collapse
    {
        right: 0;
        left: auto;
    }

    .viewFramework-product-col-1 .viewFramework-product-navbar-collapse:hover .product-navbar-collapse-bg
    {
        border-bottom: 8px solid transparent;
        border-left: none;
        border-right: 20px solid #f7f7f7;
        border-top: 8px solid transparent;
    }

.viewFramework-product-col-2 .viewFramework-product-navbar-bg, .viewFramework-product-col-2 .viewFramework-product-navbar
{
    width: 360px;
}

.viewFramework-product-col-2 .viewFramework-product-body
{
    left: 360px;
}

.viewFramework-animate
{
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.viewFramework-fadeIn
{
    -webkit-animation-name: viewFrameworkFadeIn;
    animation-name: viewFrameworkFadeIn;
}

@-webkit-keyframes viewFrameworkFadeIn
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@keyframes viewFrameworkFadeIn
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

.text-muted
{
    color: #999 !important;
}

    .text-muted:hover
    {
        color: #999 !important;
    }

.text-info
{
    color: #69C !important;
}

    .text-info:hover
    {
        color: #69C !important;
    }

.text-primary
{
    color: #09C !important;
}

    .text-primary:hover
    {
        color: #09C !important;
    }

.text-success
{
    color: #090 !important;
}

    .text-success:hover
    {
        color: #090 !important;
    }

.text-warning
{
    color: #F90 !important;
}

    .text-warning:hover
    {
        color: #F90 !important;
    }

.text-danger
{
    color: #F00 !important;
}

    .text-danger:hover
    {
        color: #F00 !important;
    }

.text-explode
{
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 4px !important;
}

span.label
{
    font-weight: normal;
}

.text-size-14
{
    font-size: 14px !important;
}

.text-size-16
{
    font-size: 16px !important;
}

.text-size-24
{
    font-size: 24px !important;
}

.text-size-32
{
    font-size: 32px !important;
}

.text-size-48
{
    font-size: 48px !important;
}

.text-size-64
{
    font-size: 64px !important;
}

.btn
{
    font-size: 12px;
    border-radius: 0px;
    padding: 8px 16px;
    height: 32px;
    line-height: 14px;
}

.btn-default
{
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

    .btn-default:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn-default:focus
    {
        color: #333;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        outline: none;
    }

    .btn-default:hover
    {
        color: #333;
        border: 1px solid #ddd;
        background-color: #fff;
    }

.btn-primary
{
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c;
}

    .btn-primary:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn-primary:focus
    {
        color: #fff;
        border: 1px solid #09c;
        background-color: #09c;
        outline: none;
    }

    .btn-primary:hover
    {
        color: #fff;
        border: 1px solid #28b5d6;
        background-color: #28b5d6;
    }

.btn-success
{
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118;
}

    .btn-success:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn-success:focus
    {
        color: #fff;
        border: 1px solid #57a235;
        background-color: #4db118;
        outline: none;
    }

    .btn-success:hover
    {
        color: #fff;
        border: 1px solid #57bc20;
        background-color: #57bc20;
    }

.btn-warning
{
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

    .btn-warning:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn-warning:focus
    {
        color: #333;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        outline: none;
    }

    .btn-warning:hover
    {
        color: #fff;
        border: 1px solid #ffa200;
        background-color: #ffa200;
    }

.btn-danger
{
    color: #333;
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

    .btn-danger:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn-danger:focus
    {
        color: #333;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        outline: none;
    }

    .btn-danger:hover
    {
        color: #fff;
        border: 1px solid #f25721;
        background-color: #f25721;
    }

.btn-link
{
    color: #06C;
    text-shadow: none;
    border: none;
}

    .btn-link:hover
    {
        color: #039;
    }

.btn-lg
{
    font-size: 14px;
    padding: 12px 20px;
    height: 40px;
    line-height: 16px;
}

.btn-sm
{
    font-size: 12px;
    padding: 4px 12px;
    height: 24px;
    line-height: 14px;
}

.btn-xs
{
    font-size: 12px;
    padding: 2px 8px;
    height: 20px;
    line-height: 14px;
}

.btn.disabled, .btn[disabled]
{
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}

    .btn.disabled:active, .btn[disabled]:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn.disabled:focus, .btn[disabled]:focus
    {
        color: #bbb;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        outline: none;
    }

    .btn.disabled:hover, .btn[disabled]:hover
    {
        color: #bbb;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
    }

.btn.btn-link.disabled, .btn.btn-link[disabled]
{
    border: none;
    background: transparent none;
}

.btn.btn-primary.disabled, .btn.btn-primary[disabled]
{
    color: #EEE;
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
}

    .btn.btn-primary.disabled:active, .btn.btn-primary[disabled]:active
    {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.125);
    }

    .btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus
    {
        color: #fff;
        border: 1px solid #ccc;
        background-color: #ccc;
        outline: none;
    }

    .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover
    {
        color: #fff;
        border: 1px solid #ccc;
        background-color: #ccc;
    }

.btn-default-active, .btn-default-active:hover, .btn-default-active:focus
{
    border: 1px solid #485260;
    background-color: #525d6d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525d6d), color-stop(100%, #525d6d));
    background: -webkit-linear-gradient(top, #525d6d,#525d6d);
    background: -moz-linear-gradient(top, #525d6d,#525d6d);
    background: -o-linear-gradient(top, #525d6d,#525d6d);
    background: linear-gradient(top, #525d6d,#525d6d);
    color: #FFFFFF;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}

.btn-toinstlist
{
    border: 1px solid #BBB;
    color: #666;
    text-shadow: none;
    vertical-align: middle;
    margin-top: 7px;
}

    .btn-toinstlist .icon-toinstlist
    {
        width: 12px;
        height: 12px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        background: url(images/toinstlist.png) center 1px no-repeat;
    }

.console-sub-title + .table
{
    margin-top: 0px;
}

.table-header
{
    border: 1px solid #e1e6eb;
    width: 100%;
    z-index: 1;
    margin-bottom: -1px;
    padding: 8px;
    line-height: 32px;
    display: table;
}

    .table-header + .table
    {
        margin-top: 0px;
    }

.table
{
    background: #FFF;
    font-size: 12px;
    border-top: 1px solid #e1e6eb;
    margin-top: 8px;
    border: 1px solid #e1e6eb;
}

    .table thead tr th
    {
        padding: 8px 8px;
        font-weight: normal;
        color: #999;
        border-bottom: 1px solid #e1e6eb;
        background-color: #F5F6FA;
    }

        .table thead tr th a.dropdown-toggle
        {
            color: #999;
        }

        .table thead tr th .dropdown.open a
        {
            color: #333;
        }

    .table tbody tr td
    {
        padding: 12px 8px;
        border-top: 0px;
        border-bottom: 1px solid #e1e6eb;
        vertical-align: middle;
    }

        .table tbody tr td p
        {
            margin-bottom: 0px;
        }

    .table tfoot tr td
    {
        padding: 12px 8px;
        border-bottom: 1px solid #e1e6eb;
        vertical-align: middle;
    }

    .table .text-right .dropdown-menu
    {
        text-align: left;
        left: auto;
        right: 0px;
    }

.table-hover tbody tr:hover td
{
    background-color: #F9F9FA;
}

.pagination
{
    margin: 0px;
    vertical-align: middle;
    border-radius: 0px;
}

    .pagination li a, .pagination li span
    {
        height: 32px;
        line-height: 20px;
        color: #333;
        cursor: pointer;
        border-color: #CCC;
    }

        .pagination li a:hover
        {
            color: #FFF;
            background-color: #28B5D6;
            border-color: #28B5D6;
        }

    .pagination li span
    {
        color: #999;
    }

        .pagination li span:hover
        {
            background: none;
        }

    .pagination li:first-child > a, .pagination li:first-child > span
    {
        border-radius: 0px;
    }

    .pagination li:last-child > a, .pagination li:last-child > span
    {
        border-radius: 0px;
    }

    .pagination li.active a, .pagination li.active span
    {
        background-color: #09C;
        border: 1px solid #09C;
    }

        .pagination li.active a:hover, .pagination li.active span:hover
        {
            background-color: #09C;
            border: 1px solid #09C;
        }

.pagination-info
{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 16px;
    color: #888;
}

.form-group
{
    margin-top: 8px;
    margin-bottom: 16px;
}

.help-block
{
    margin: 4px 0px;
}

.form-control
{
    height: 32px;
    border-radius: 0px;
    padding: 6px;
    -webkit-transition: none;
    transition: none;
    font-size: 12px;
}

    .form-control:focus
    {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control[size], .form-control[cols], .form-control.autosize
    {
        width: auto;
    }

    .form-control.inline
    {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
    }

select
{
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline
{
    color: #090;
}

.has-success .form-control, input.ng-valid.ng-dirty, textarea.ng-valid.ng-dirty
{
    border-color: #090;
}

    .has-success .form-control:focus, input.ng-valid.ng-dirty:focus, textarea.ng-valid.ng-dirty:focus
    {
        border-color: #2A0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline
{
    color: #F90;
}

.has-warning .form-control
{
    border-color: #F90;
}

    .has-warning .form-control:focus
    {
        border-color: #FA0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline
{
    color: #E40;
}

.has-error .form-control, input.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty
{
    border-color: #E40;
}

    .has-error .form-control:focus, input.ng-invalid.ng-dirty:focus, textarea.ng-invalid.ng-dirty:focus
    {
        border-color: #F30;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
    color: #999;
}

label.control-label
{
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

.form-inline .form-group
{
    margin: 4px 8px 4px 0px;
}

.form-inline .form-control
{
    width: auto;
}

.form-inline .input-group-btn
{
    width: auto;
}

select.input-lg, .input-lg
{
    height: 40px;
}

select.input-sm, .input-sm
{
    height: 24px;
}

.console-onoff
{
    vertical-align: middle;
    width: 50px;
    height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("images/on-off.png");
    background-image: -webkit-image-set(url("images/on-off.png") 1x, url("images/on-off@2x.png") 2x);
    background-image: -moz-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -o-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-image: -ms-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}

    .console-onoff .onoff-handle
    {
        display: block;
        width: 50px;
        height: 20px;
        -webkit-transition: background-position 0.2s ease;
        -moz-transition: background-position 0.2s ease;
        -o-transition: background-position 0.2s ease;
        transition: background-position 0.2s ease;
        background-image: url("images/on-off.png");
        background-image: -webkit-image-set(url("images/on-off.png") 1x, url("images/on-off@2x.png") 2x);
        background-image: -moz-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
        background-image: -o-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
        background-image: -ms-image-set(url("images/onoff.png") 1x, url("images/onoff@2x.png") 2x);
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

    .console-onoff .onoff-loading
    {
        display: block;
        width: 50px;
        height: 20px;
        -webkit-transition: background-position 0.2s ease;
        -moz-transition: background-position 0.2s ease;
        -o-transition: background-position 0.2s ease;
        transition: background-position 0.2s ease;
        background-image: url("images/on-off-loading.gif");
        background-image: -webkit-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
        background-image: -moz-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
        background-image: -o-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
        background-image: -ms-image-set(url("images/on-off-loading.gif") 1x, url("images/on-off-loading@2x.gif") 2x);
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

.console-onoff-on
{
    background-position: 0px -40px;
}

    .console-onoff-on .onoff-handle
    {
        background-position: 0px 0px;
    }

    .console-onoff-on .onoff-loading
    {
        background-position: 32px 4px;
    }

.console-onoff-off
{
    background-position: 0px -60px;
}

    .console-onoff-off .onoff-handle
    {
        background-position: -28px 0px;
    }

    .console-onoff-off .onoff-loading
    {
        background-position: 4px 4px;
    }

.console-onoff[disabled="disabled"]
{
    cursor: not-allowed;
    background-position: 0px -80px;
}

    .console-onoff[disabled="disabled"] .onoff-loading
    {
        display: none;
    }

.console-onoff-on[disabled="disabled"] .onoff-handle
{
    background-position: 0px -20px;
}

.console-onoff-off[disabled="disabled"] .onoff-handle
{
    background-position: -28px -20px;
}

.console-number-spinner
{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

    .console-number-spinner .form-control
    {
        width: auto;
        float: left;
        text-indent: -16px;
    }

    .console-number-spinner .console-number-spinner-action
    {
        width: 14px;
        height: 30px;
        float: left;
        margin-left: -16px;
        border-left: 1px solid #E3E3E3;
        margin-top: 1px;
    }

        .console-number-spinner .console-number-spinner-action button
        {
            width: 14px;
            height: 15px;
            overflow: hidden;
            line-height: 16px;
            font-size: 12px;
            border: 0px;
            background-color: transparent;
            padding: 0px;
            margin: 0px;
            display: block;
            color: #999;
            text-align: center;
            outline: 0px;
        }

            .console-number-spinner .console-number-spinner-action button:hover
            {
                color: #06C;
            }

            .console-number-spinner .console-number-spinner-action button[disabled]
            {
                color: #999;
            }

        .console-number-spinner .console-number-spinner-action .console-number-spinner-down
        {
            border-top: 1px solid #E3E3E3;
        }

.console-timepicker
{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.console-datepicker
{
    padding: 8px;
}

    .console-datepicker thead .h6 th
    {
        padding-top: 8px;
    }

    .console-datepicker tbody tr:first-child td
    {
        padding-top: 8px;
    }

    .console-datepicker tbody .btn
    {
        border: 0px !important;
    }

        .console-datepicker tbody .btn:hover
        {
            background: #F3F3F3;
        }

    .console-datepicker tbody .btn-default
    {
        background: transparent;
    }

    .console-datepicker tbody .active, .console-datepicker tbody .active:hover, .console-datepicker tbody .active span
    {
        background: #3C0;
        color: #FFF;
    }

    .console-datepicker tbody .btn[disabled="disabled"] .btn[disabled="disabled"] span
    {
        color: #CCC;
    }

    .console-datepicker em
    {
        font-size: 12px;
        color: #ACD;
    }

.aliyun-console-topbar
{
    position: relative;
    z-index: 100;
    clear: both;
    height: 50px;
    background: #09C;
    font-size: 12px;
    min-width: 990px;
}

    .aliyun-console-topbar a
    {
        text-decoration: none;
    }

        .aliyun-console-topbar a:focus
        {
            outline: none;
        }

    .aliyun-console-topbar .accessibility-ast
    {
        position: absolute;
        top: -10000px;
        left: -10000px;
        width: 100px;
    }

        .aliyun-console-topbar .accessibility-ast:focus
        {
            position: absolute;
            top: 0;
            left: 310px;
        }

    .aliyun-console-topbar .icon-arrow-down
    {
        display: inline-block;
        width: 18px;
        text-align: center;
        vertical-align: middle;
        transition: transform 0.2s, vertical-align 0.2s;
        -o-transition: transform 0.2s, vertical-align 0.2s;
        -ms-transition: transform 0.2s, vertical-align 0.2s;
        -moz-transition: transform 0.2s, vertical-align 0.2s;
        -webkit-transition: transform 0.2s, vertical-align 0.2s;
    }

    .aliyun-console-topbar .dropdown .dropdown-menu
    {
        z-index: 1;
        font-size: 12px;
        border-radius: 0;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

        .aliyun-console-topbar .dropdown .dropdown-menu a
        {
            padding: 0;
        }

    .aliyun-console-topbar .dropdown.open .icon-arrow-down
    {
        vertical-align: text-top;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .aliyun-console-topbar .topbar-wrap, .aliyun-console-topbar .topbar-logo, .aliyun-console-topbar .topbar-home, .aliyun-console-topbar .topbar-home-link, .aliyun-console-topbar .topbar-nav, .aliyun-console-topbar .topbar-info
    {
        height: 100%;
    }

    .aliyun-console-topbar .topbar-left
    {
        float: left;
    }

    .aliyun-console-topbar .topbar-right
    {
        float: right;
    }

    .aliyun-console-topbar .topbar-clearfix:before, .aliyun-console-topbar .topbar-clearfix:after
    {
        display: table;
        content: " ";
    }

    .aliyun-console-topbar .topbar-clearfix:after
    {
        clear: both;
    }

    .aliyun-console-topbar .topbar-head
    {
        background: #008fbf;
        height: 50px;
        position: relative;
        z-index: 3;
    }

    .aliyun-console-topbar .topbar-nav
    {
        position: relative;
        z-index: 2;
        background: #09C;
    }

    .aliyun-console-topbar .topbar-logo, .aliyun-console-topbar .topbar-home
    {
        display: block;
        width: 50px;
        background: #0099cc;
        font-size: 28px;
        color: #FFF;
        text-align: center;
        line-height: 50px;
    }

        .aliyun-console-topbar .topbar-logo span, .aliyun-console-topbar .topbar-home span
        {
            line-height: 50px;
        }

    .aliyun-console-topbar .topbar-logo
    {
        background: #0087b4;
    }

    .aliyun-console-topbar .topbar-home
    {
        margin-right: 1px;
        font-size: 20px;
    }

        .aliyun-console-topbar .topbar-home:hover
        {
            background: #008fbf;
        }

    .aliyun-console-topbar .topbar-home-link
    {
        padding: 0 20px;
        margin-right: 1px;
        background: #09c;
    }

    .aliyun-console-topbar .topbar-home
    {
        -o-transition: all 0.15s, 0.15s;
        -ms-transition: all 0.15s, 0.15s;
        -moz-transition: all 0.15s, 0.15s;
        -webkit-transition: all 0.15s, 0.15s;
    }

    .aliyun-console-topbar .topbar-btn
    {
        color: #fff;
        font-size: 14px;
        line-height: 50px;
    }

        .aliyun-console-topbar .topbar-btn:hover, .aliyun-console-topbar .topbar-btn.topbar-btn-dark
        {
            background: #008fbf;
        }

    .aliyun-console-topbar .topbar-nav.open .topbar-nav-btn
    {
        background: #fff;
        color: #333;
    }

    .aliyun-console-topbar .topbar-nav-btn
    {
        padding: 0 20px;
        display: inline-block;
        height: 50px;
    }

    .aliyun-console-topbar .topbar-nav-list
    {
        border: none;
        padding: 10px;
        margin-top: 0;
        white-space: nowrap;
    }

        .aliyun-console-topbar .topbar-nav-list .topbar-nav-col
        {
            display: inline-block;
            vertical-align: top;
            padding: 0 10px;
        }

        .aliyun-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-item-title
        {
            margin: 3px 0px;
            color: #999;
            font-weight: 600;
        }

        .aliyun-console-topbar .topbar-nav-list .topbar-nav-item .topbar-nav-gap
        {
            border-top: 1px solid #f2f2f2;
            width: 100%;
            margin: 6px 0 10px;
        }

        .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul
        {
            padding: 0;
            margin: 8px 0 0 0;
            list-style: none;
        }

            .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li
            {
                min-width: 160px;
                height: 28px;
                line-height: 28px;
                margin-bottom: 2px;
            }

                .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a
                {
                    display: block;
                    height: 100%;
                    padding: 0 10px;
                    text-decoration: none;
                    color: #333;
                }

                    .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a:hover
                    {
                        background-color: #f2f2f2;
                    }

                    .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li a .topbar-nav-item-icon
                    {
                        padding-right: 2px;
                        font-size: 16px;
                        vertical-align: text-bottom;
                        display: inline-block;
                    }

                .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a
                {
                    color: #999;
                }

                    .aliyun-console-topbar .topbar-nav-list .topbar-nav-item ul li.topbar-unservice a .topbar-nav-item-icon
                    {
                        color: #999;
                    }

    .aliyun-console-topbar .topbar-info
    {
        background: #008fbf;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
    }

        .aliyun-console-topbar .topbar-info .topbar-btn
        {
            padding: 0 10px;
            height: 50px;
            display: block;
            z-index: 2;
            background: #09c;
        }

            .aliyun-console-topbar .topbar-info .topbar-btn:hover, .aliyun-console-topbar .topbar-info .topbar-btn.topbar-btn-dark
            {
                background: #008fbf;
            }

            .aliyun-console-topbar .topbar-info .topbar-btn.open
            {
                position: relative;
            }

        .aliyun-console-topbar .topbar-info .topbar-btn-search
        {
            padding: 0;
            margin-left: 1px;
        }

        .aliyun-console-topbar .topbar-info .topbar-info-gap
        {
            color: #fff;
        }

        .aliyun-console-topbar .topbar-info .dropdown .dropdown-menu
        {
            width: 100%;
            min-width: 0;
            margin: 0;
            border: none;
        }

        .aliyun-console-topbar .topbar-info .dropdown.open .topbar-btn
        {
            color: #333;
            background: #fff;
            border-bottom: 1px solid #eaedf1;
            position: relative;
        }

        .aliyun-console-topbar .topbar-info .topbar-info-btn
        {
            height: 40px;
            border-bottom: 1px solid #eaedf1;
        }

            .aliyun-console-topbar .topbar-info .topbar-info-btn a
            {
                line-height: 39px;
                padding-left: 10px;
            }

        .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu
        {
            width: 310px;
            left: auto;
            right: 0;
        }

            .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity
            {
                height: 80px;
                padding: 8px 16px;
                position: relative;
            }

                .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity .user-identity-item
                {
                    height: 32px;
                    line-height: 32px;
                    display: block;
                }

                .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity .user-identity-colon
                {
                    padding: 0 5px;
                }

            .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity-sign
            {
                padding: 2px 6px;
                background: #7ecef4;
                color: #fff;
                border-radius: 1px;
            }

            .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-identity-sign-wrap
            {
                position: absolute;
                top: 14px;
                right: 30px;
            }

            .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link
            {
                display: inline-block;
                color: #06C;
            }

                .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link:hover
                {
                    background: none;
                    text-decoration: underline;
                }

                .aliyun-console-topbar .topbar-info .topbar-user-large .dropdown-menu .user-btn-link.user-btn-link-signout
                {
                    float: right;
                    padding: 0 16px;
                }

    .aliyun-console-topbar .topbar-info-item
    {
        display: inline-block;
        margin-left: 1px;
    }

    .aliyun-console-topbar .topbar-notice
    {
        position: relative;
        font-size: 12px;
        margin-left: 1px;
        padding: 0 12px 0 8px !important;
    }

        .aliyun-console-topbar .topbar-notice .topbar-notice-panel
        {
            display: none;
        }

        .aliyun-console-topbar .topbar-notice.open .topbar-notice-panel
        {
            display: block;
        }

        .aliyun-console-topbar .topbar-notice .topbar-notice-panel
        {
            position: absolute;
            top: 48px;
            left: -185px;
            width: 440px;
            border-radius: 2px;
            z-index: 15;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
            box-shadow: 0 1px 2px rgba(0,0,0,0.175);
        }

            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-arrow
            {
                background: url(images/notice-arrow.png) 0 0 no-repeat;
                width: 11px;
                height: 6px;
                position: absolute;
                top: -6px;
                left: 220px;
            }

            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-head
            {
                height: 50px;
                background-color: #eaedf1;
                padding: 0 15px;
                line-height: 50px;
                color: #333;
                font-size: 14px;
            }

            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body
            {
                height: 300px;
                overflow-y: auto;
                background: #fff;
                font-size: 12px;
            }

                .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul
                {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                    .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li
                    {
                        height: 60px;
                        line-height: 20px;
                        border-bottom: 1px solid #eaedf1;
                    }

                        .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a
                        {
                            display: block;
                            height: 100%;
                            padding: 10px 10px;
                            background: #fff;
                            color: #333;
                        }

                            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a .topbar-notice-link
                            {
                                display: block;
                                max-width: 300px;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                color: #06c;
                            }

                            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li a:hover
                            {
                                background: #f9f9f9;
                            }

                        .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a
                        {
                            color: #666;
                        }

                            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body ul li.topbar-notice-readed a .topbar-notice-time
                            {
                                color: #999;
                            }

                .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-body .topbar-notice-empty
                {
                    text-align: center;
                    color: #666;
                    margin-top: 80px;
                }

            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-foot
            {
                height: 50px;
                line-height: 50px;
                background: #fff;
                text-align: center;
            }

            .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class
            {
                padding: 8px 0;
                float: right;
            }

                .aliyun-console-topbar .topbar-notice .topbar-notice-panel .topbar-notice-class .topbar-notice-class-name
                {
                    display: block;
                    height: 24px;
                    line-height: 24px;
                    width: 66px;
                    background: #eaedf1;
                    text-align: center;
                    border-radius: 3px;
                }

    .aliyun-console-topbar .topbar-btn-notice
    {
        width: auto;
        display: block;
        height: 50px;
    }

        .aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-icon
        {
            font-size: 24px;
            line-height: 50px;
            vertical-align: text-bottom;
            color: #fff;
        }

        .aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num
        {
            font-size: 12px;
            color: #fff;
            background: #ff9900;
            border-radius: 5px;
            padding: 2px 5px;
            display: inline-block;
            margin-top: 15px;
            line-height: 16px;
            vertical-align: top;
            text-align: center;
        }

            .aliyun-console-topbar .topbar-btn-notice .topbar-btn-notice-num.topbar-btn-notice-num-zero
            {
                color: #00ace9;
                background-color: #0087b4;
            }

        .aliyun-console-topbar .topbar-btn-notice .topbar-nav-item-short
        {
            padding-left: 2px;
        }

    .aliyun-console-topbar .topbar-qrcode
    {
        position: relative;
        margin-left: 1px;
    }

        .aliyun-console-topbar .topbar-qrcode:hover .topbar-qrcode-panel
        {
            display: block;
        }

        .aliyun-console-topbar .topbar-qrcode .topbar-qrcode-panel
        {
            top: 50px;
            left: 0;
            position: absolute;
            width: 130px;
            padding: 12px 8px;
            background: #fff;
            border: 1px solid #eaedf1;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            display: none;
        }

        .aliyun-console-topbar .topbar-qrcode .topbar-qrcode-image
        {
            width: 100px;
            margin: 0 auto;
        }

        .aliyun-console-topbar .topbar-qrcode .topbar-qrcode-title
        {
            text-align: center;
            padding-top: 10px;
        }

    .aliyun-console-topbar .topbar-new-icon
    {
        position: relative;
        top: -4px;
        padding-left: 2px;
    }

.aliyun-console-topbar-search
{
    position: relative;
    z-index: 1;
}

    .aliyun-console-topbar-search:hover
    {
        background: #008fbf;
    }

        .aliyun-console-topbar-search:hover .topbar-search-ask
        {
            background: #008fbf;
        }

    .aliyun-console-topbar-search .topbar-search-ask
    {
        width: 200px;
        height: 50px;
        border: 0;
        background: #09c;
        line-height: 26px;
        padding: 12px 30px 12px 10px;
        display: block;
        color: #fff;
        -webkit-border-radius: 1px 1px;
        -moz-border-radius: 1px / 1px;
        border-radius: 1px / 1px;
        -o-transition: all 0.15s, 0.15s;
        -ms-transition: all 0.15s, 0.15s;
        -moz-transition: all 0.15s, 0.15s;
        -webkit-transition: all 0.15s, 0.15s;
    }

        .aliyun-console-topbar-search .topbar-search-ask:focus
        {
            outline: none;
        }

    .aliyun-console-topbar-search .topbar-search-ask-shade
    {
        color: #00ace9;
    }

    .aliyun-console-topbar-search .topbar-search-mark
    {
        font-size: 16px;
        line-height: 50px;
        position: absolute;
        height: 50px;
        width: 40px;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        top: 0;
        right: 0;
    }

        .aliyun-console-topbar-search .topbar-search-mark .icon-search, .aliyun-console-topbar-search .topbar-search-mark .icon-enter
        {
            line-height: 50px;
        }

    .aliyun-console-topbar-search.topbar-search-active
    {
        background: #008fbf;
    }

        .aliyun-console-topbar-search.topbar-search-active .topbar-search-ask
        {
            background: #008fbf;
        }

        .aliyun-console-topbar-search.topbar-search-active .topbar-search-ask-shade
        {
            color: #fff;
        }

.aliyun-console-topbar-search-v1_3_21
{
    position: relative;
}

    .aliyun-console-topbar-search-v1_3_21.topbar-search-dropdown-open .topbar-btn
    {
        background: #008fbf;
    }

    .aliyun-console-topbar-search-v1_3_21 .icon-search
    {
        font-size: 16px;
        padding-right: 4px;
        position: relative;
        top: 2px;
    }

    .aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown
    {
        height: 38px;
        position: absolute;
        bottom: -38px;
        right: -1px;
        border: 2px solid #008fbf;
        background: #fff;
    }

        .aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown input
        {
            display: block;
            height: 34px;
            padding: 4px 6px;
            margin-right: 30px;
            width: 250px;
            border-width: 0;
            outline: 0;
            line-height: 34px;
            color: #546478;
            font-size: 12px;
        }

        .aliyun-console-topbar-search-v1_3_21 .topbar-search-dropdown .topbar-search-mark
        {
            position: absolute;
            right: 0;
            top: 0;
            height: 34px;
            width: 34px;
            display: block;
            line-height: 34px;
            text-align: center;
            color: #546478;
        }

.aliyun-console-topbar-help
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
}

    .aliyun-console-topbar-help .topbar-help-inner
    {
        width: 486px;
        overflow: hidden;
        background: #fff;
        border-left: 1px solid #e1e6eb;
        position: absolute;
        right: -486px;
        -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
        box-shadow: 0 0px 10px rgba(0,0,0,0.1);
        -o-transition: all 0.2s ease, 0.2s ease;
        -ms-transition: all 0.2s ease, 0.2s ease;
        -moz-transition: all 0.2s ease, 0.2s ease;
        -webkit-transition: all 0.2s ease, 0.2s ease;
        z-index: 1;
        top: 50px;
        bottom: 0;
    }

        .aliyun-console-topbar-help .topbar-help-inner.topbar-help-show
        {
            right: 0px;
        }

    .aliyun-console-topbar-help .topbar-help-head
    {
        height: 68px;
        padding-left: 20px;
        line-height: 68px;
        border-bottom: 1px solid #e1e6eb;
        position: relative;
        color: #333;
    }

    .aliyun-console-topbar-help .topbar-help-body
    {
        position: absolute;
        top: 68px;
        bottom: 0;
        background: #fff;
    }

    .aliyun-console-topbar-help .topbar-help-iframe
    {
        height: 100%;
    }

    .aliyun-console-topbar-help .topbar-help-close
    {
        font-size: 18px;
        float: right;
        height: 68px;
        width: 68px;
        line-height: 68px !important;
        text-align: center;
        color: #546478;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
    }

        .aliyun-console-topbar-help .topbar-help-close:hover
        {
            color: #000;
        }

.console-topbar-new
{
    position: relative;
    z-index: 100;
    clear: both;
    height: 40px;
    background: #34383c;
    font-size: 12px;
    min-width: 1000px;
}

    .console-topbar-new .console-topbar-btn
    {
        width: 50px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1px;
        background-color: #2a2e31;
        text-decoration: none;
        text-align: center;
        color: #fff;
        line-height: 40px;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        .console-topbar-new .console-topbar-btn .console-topbar-btn-text
        {
            font-size: 14px;
            text-align: center;
            white-space: nowrap;
            display: none;
        }

        .console-topbar-new .console-topbar-btn .console-topbar-btn-icon
        {
            font-size: 22px;
            display: inline;
            line-height: 40px;
            color: #fff;
        }

        .console-topbar-new .console-topbar-btn .caret
        {
            -o-transition: -o-transform 0.3s;
            -ms-transition: -ms-transform 0.3s;
            -moz-transition: -moz-transform 0.3s;
            -webkit-transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
        }

        .console-topbar-new .console-topbar-btn:hover
        {
            width: auto;
        }

            .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse, .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-inverse-white
            {
                background-color: #585e65;
                color: #fff;
            }

            .console-topbar-new .console-topbar-btn:hover .console-topbar-btn-text
            {
                display: inline;
            }

            .console-topbar-new .console-topbar-btn:hover .console-topbar-btn-icon
            {
                display: none;
                vertical-align: text-bottom;
            }

            .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-home
            {
                width: 106px;
            }

            .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-nav
            {
                width: 120px;
            }

            .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-ak
            {
                width: 104px;
            }

            .console-topbar-new .console-topbar-btn:hover.console-topbar-btn-workorder
            {
                width: 94px;
            }

        .console-topbar-new .console-topbar-btn.console-topbar-btn-last
        {
            margin-right: 0;
        }

        .console-topbar-new .console-topbar-btn.console-topbar-logo-icon
        {
            -o-transition: none;
            -ms-transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            color: #2a2e31;
        }

            .console-topbar-new .console-topbar-btn.console-topbar-logo-icon img
            {
                width: 22px;
                height: 22px;
                display: block;
                margin: 9px 14px;
            }

        .console-topbar-new .console-topbar-btn.console-topbar-nav-link
        {
            font-size: 12px;
            width: auto;
            padding: 0 15px;
        }

            .console-topbar-new .console-topbar-btn.console-topbar-nav-link .console-topbar-nav-link-icon
            {
                width: 16px;
                height: 19px;
                vertical-align: middle;
                position: relative;
                display: inline-block;
                margin-right: 4px;
                overflow: hidden;
                font-size: 16px;
            }

        .console-topbar-new .console-topbar-btn.console-topbar-btn-user
        {
            width: auto;
        }

            .console-topbar-new .console-topbar-btn.console-topbar-btn-user .console-topbar-btn-text
            {
                display: inline;
                padding: 0 15px;
            }

        .console-topbar-new .console-topbar-btn.console-topbar-btn-notice
        {
            width: auto;
            padding: 0 10px;
        }

            .console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-icon
            {
                font-size: 24px;
                line-height: 40px;
                vertical-align: text-bottom;
            }

            .console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num
            {
                font-size: 12px;
                color: #fff;
                background: #ff9900;
                border-radius: 5px;
                padding: 2px 1px;
                width: 20px;
                display: inline-block;
                margin-top: 10px;
                line-height: 16px;
                vertical-align: top;
            }

                .console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-btn-notice-num.console-topbar-btn-notice-num-zero
                {
                    color: #999;
                    background-color: #34383c;
                }

            .console-topbar-new .console-topbar-btn.console-topbar-btn-notice .console-topbar-nav-item-short
            {
                padding-left: 2px;
            }

        .console-topbar-new .console-topbar-btn.console-topbar-btn-ak
        {
            overflow: hidden;
        }

        .console-topbar-new .console-topbar-btn.console-topbar-btn-nav
        {
            overflow: hidden;
            position: relative;
            z-index: 2;
        }

    .console-topbar-new .console-topbar-nav .console-topbar-nav-list
    {
        border: 1px solid #ddd;
        border-top: none;
        padding: 10px;
        margin-top: 0;
        margin-left: -1px;
    }

        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-col
        {
            float: left;
            padding: 0 10px;
        }

        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-item-title
        {
            margin: 3px 0px;
            color: #999;
            font-weight: 600;
        }

        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item .console-topbar-nav-gap
        {
            border-top: 1px solid #f2f2f2;
            width: 100%;
            margin: 10px 0;
        }

        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul
        {
            padding: 0;
            margin: 10px 0 0 0;
            list-style: none;
        }

            .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li
            {
                width: 170px;
                height: 30px;
                line-height: 30px;
                margin-bottom: 2px;
            }

                .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a
                {
                    display: block;
                    height: 100%;
                    padding-left: 10px;
                    text-decoration: none;
                    color: #333;
                }

                    .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a:hover
                    {
                        background-color: #f2f2f2;
                    }

                    .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon
                    {
                        padding-right: 2px;
                        font-size: 16px;
                        vertical-align: text-bottom;
                    }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ecs
                        {
                            color: #007eff;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-slb
                        {
                            color: #f27741;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-rds
                        {
                            color: #20f8b8;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oss
                        {
                            color: #ade675;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-cdn
                        {
                            color: #bff3fe;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ots
                        {
                            color: #15d4f0;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ocs
                        {
                            color: #40ff8f;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-odps
                        {
                            color: #ffba00;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ace
                        {
                            color: #c8341c;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yundun
                        {
                            color: #298edb;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-yunjiankong
                        {
                            color: #86f2af;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-sls
                        {
                            color: #075ac0;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-oas
                        {
                            color: #79df71;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ess
                        {
                            color: #0cf;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mqs
                        {
                            color: #fff400;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-vpc
                        {
                            color: #6cf;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-opensearch
                        {
                            color: #5bc8e8;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-lightcloud
                        {
                            color: #6bbd52;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-pts
                        {
                            color: #009dff;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ons
                        {
                            color: #6b3100;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-dpc
                        {
                            color: #289de9;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-ads
                        {
                            color: #71ceec;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-mts
                        {
                            color: #f93;
                        }

                        .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li a .console-topbar-nav-item-icon.icon-drds
                        {
                            color: #6f9;
                        }

                .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a
                {
                    color: #999;
                }

                    .console-topbar-new .console-topbar-nav .console-topbar-nav-list .console-topbar-nav-item ul li.console-topbar-unservice a .console-topbar-nav-item-icon
                    {
                        color: #999;
                    }

    .console-topbar-new .dropdown .dropdown-menu
    {
        z-index: 1;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.175);
        box-shadow: 0 2px 4px rgba(0,0,0,0.175);
    }

    .console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse
    {
        background-color: #585e65;
        color: #fff;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-inverse-white
    {
        background-color: #fff;
        color: #333;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-text
    {
        display: inline;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn .console-topbar-btn-icon
    {
        display: none;
        vertical-align: text-bottom;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn:hover.console-topbar-btn-inverse-white
    {
        background-color: #fff !important;
        color: #333 !important;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-nav
    {
        width: 120px;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn.console-topbar-btn-workorder
    {
        width: 94px;
    }

    .console-topbar-new .dropdown.open .console-topbar-btn .caret
    {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .console-topbar-new .console-topbar-user .dropdown-menu, .console-topbar-new .console-topbar-dropdown .dropdown-menu
    {
        margin-top: -1px;
    }

        .console-topbar-new .console-topbar-user .dropdown-menu > li a, .console-topbar-new .console-topbar-dropdown .dropdown-menu > li a
        {
            padding: 6px 20px;
        }

    .console-topbar-new .console-topbar-workorder .dropdown-menu
    {
        min-width: 96px;
    }

        .console-topbar-new .console-topbar-workorder .dropdown-menu > li a
        {
            padding: 6px 24px 6px 16px;
        }

    .console-topbar-new .console-topbar-notice
    {
        position: relative;
    }

        .console-topbar-new .console-topbar-notice .console-topbar-notice-panel
        {
            display: none;
        }

        .console-topbar-new .console-topbar-notice.open .console-topbar-notice-panel
        {
            display: block;
        }

        .console-topbar-new .console-topbar-notice .console-topbar-notice-panel
        {
            position: absolute;
            top: 38px;
            left: -170px;
            width: 390px;
            border: 1px solid #bbb;
            border-radius: 2px;
            z-index: 15;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
            box-shadow: 0 1px 2px rgba(0,0,0,0.175);
        }

            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-arrow
            {
                background: url(images/notice-arrow.png) 0 0 no-repeat;
                width: 11px;
                height: 6px;
                position: absolute;
                top: -6px;
                left: 196px;
            }

            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-head
            {
                height: 40px;
                border-bottom: 1px solid #ccc;
                background-color: #f2f2f2;
                padding: 0 15px;
                line-height: 40px;
                color: #333;
                font-size: 14px;
            }

            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body
            {
                height: 240px;
                overflow-y: auto;
                background: #fff;
            }

                .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul
                {
                    list-style: none;
                    margin: 0 5px;
                    padding: 0;
                }

                    .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li
                    {
                        height: 40px;
                        line-height: 40px;
                        border-bottom: 1px solid #ececec;
                    }

                        .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a
                        {
                            display: block;
                            height: 100%;
                            padding: 0 10px;
                            background: #fff;
                        }

                            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a span
                            {
                                display: block;
                            }

                            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-link
                            {
                                float: left;
                                max-width: 272px;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                            }

                            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a .console-topbar-notice-time
                            {
                                float: right;
                                color: #333;
                            }

                            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li a:hover
                            {
                                background: #f9f9f9;
                            }

                        .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a
                        {
                            color: #666;
                        }

                            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body ul li.console-topbar-notice-readed a .console-topbar-notice-time
                            {
                                color: #999;
                            }

                .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-body .console-topbar-notice-empty
                {
                    text-align: center;
                    color: #666;
                    margin-top: 80px;
                }

            .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot
            {
                height: 48px;
                line-height: 48px;
                background: #fff;
            }

                .console-topbar-new .console-topbar-notice .console-topbar-notice-panel .console-topbar-notice-foot .console-topbar-notice-more
                {
                    padding-right: 15px;
                }

    .console-topbar-new .console-topbar-locale
    {
        float: left;
    }

        .console-topbar-new .console-topbar-locale .dropdown-menu
        {
            right: 0;
            left: auto;
            margin-top: -1px;
            width: 50px;
            min-width: 60px;
        }

        .console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale
        {
            width: 60px;
            background: none;
        }

            .console-topbar-new .console-topbar-locale .console-topbar-btn.console-topbar-btn-locale .console-topbar-btn-text
            {
                display: block;
            }

    .console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-home
    {
        width: 116px;
    }

    .console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-nav
    {
        width: 170px;
    }

    .console-topbar-new.console-topbar-new-en .console-topbar-btn:hover.console-topbar-btn-workorder
    {
        width: 146px;
    }

    .console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li
    {
        width: auto !important;
    }

        .console-topbar-new.console-topbar-new-en .console-topbar-nav .console-topbar-nav-item ul li a
        {
            padding: 0 10px;
        }

    .console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-nav
    {
        width: 170px;
    }

    .console-topbar-new.console-topbar-new-en .dropdown.open .console-topbar-btn.console-topbar-btn-workorder
    {
        width: 146px;
    }

.console-navbar
{
    font-size: 12px;
    color: #666666;
    word-wrap: break-word;
    height: 56px;
    border: none;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
    position: relative;
    box-sizing: content-box;
    margin-bottom: 0px;
    background-color: #fff;
    border-radius: 0 !important;
    z-index: 2;
}

    .console-navbar *
    {
        box-sizing: content-box;
    }

    .console-navbar a
    {
        color: #333;
    }

    .console-navbar .console-navbar-title
    {
        float: left;
        line-height: 56px;
        padding: 0 40px 0 14px;
        font-size: 18px;
        color: #999999;
    }

        .console-navbar .console-navbar-title .console-navbar-subtitle
        {
            margin-right: 5px;
        }

    .console-navbar .nav li
    {
        float: left;
        display: inline;
        margin: 0 20px;
        height: 56px;
        font-size: 14px;
    }

        .console-navbar .nav li a
        {
            padding: 0 2px;
            float: left;
            height: 55px;
            color: #333333;
            line-height: 56px;
            text-decoration: none;
        }

            .console-navbar .nav li a:hover, .console-navbar .nav li a:focus
            {
                background-color: #fff;
            }

        .console-navbar .nav li.active
        {
            height: 55px;
        }

            .console-navbar .nav li.active a
            {
                color: #ff4902;
                border-bottom: 2px solid #ff4902;
            }

    .console-navbar .console-navbar-a-default
    {
        cursor: default;
    }

    .console-navbar .console-navbar-links-example
    {
        margin-top: 15px;
        padding: 0 15px 0;
        line-height: 24px;
        border-left: 1px solid #eeeeee;
    }

        .console-navbar .console-navbar-links-example a
        {
            color: #b3b3b3;
        }

.console-title
{
    padding: 16px 0px;
    min-height: 70px;
}

    .console-title .nav-pills
    {
        display: inline-block;
        vertical-align: bottom;
    }

        .console-title .nav-pills li a, .console-title .nav-pills li a:focus, .console-title .nav-pills li button, .console-title .nav-pills li button:focus
        {
            padding: 6px 6px;
        }

    .console-title h1, .console-title h2, .console-title h3, .console-title h4, .console-title h5, .console-title h6
    {
        display: inline-block;
        text-indent: 8px;
        border-left: 2px solid #88B7E0;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 8px;
    }

    .console-title h1
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .console-title h2
    {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .console-title h3
    {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .console-title h4
    {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .console-title h5
    {
        margin-top: 8px;
        margin-bottom: 8px;
    }

.console-title-border
{
    border-bottom: 1px solid #DDD;
}

.console-sub-title
{
    position: relative;
    padding-left: 16px;
    margin-bottom: -1px;
    display: table;
    width: 100%;
    z-index: 1;
    height: 40px;
    border: 1px solid #E1E6EB;
    border-left: 3px solid #778;
    background-color: #F4F5F9;
}

    .console-sub-title h5
    {
        color: #666;
        font-size: 14px;
    }

.console-box-border
{
    border: 1px solid #E1E6EB;
}

.margin-left, .margin-left-1
{
    margin-left: 8px !important;
}

.margin-left-2
{
    margin-left: 16px !important;
}

.margin-left-3
{
    margin-left: 24px !important;
}

.margin-left-4
{
    margin-left: 32px !important;
}

.margin-right, .margin-right-1
{
    margin-right: 8px !important;
}

.margin-right-2
{
    margin-right: 16px !important;
}

.margin-right-3
{
    margin-right: 24px !important;
}

.margin-right-4
{
    margin-right: 32px !important;
}

.margin-top, .margin-top-1
{
    margin-top: 8px !important;
}

.margin-top-2
{
    margin-top: 16px !important;
}

.margin-top-3
{
    margin-top: 24px !important;
}

.margin-top-4
{
    margin-top: 32px !important;
}

.row-padding-1
{
    padding-top: 8px;
    padding-bottom: 8px;
}

.row-padding, .row-padding-2
{
    padding-top: 16px;
    padding-bottom: 16px;
}

.row-padding-3
{
    padding-top: 24px;
    padding-bottom: 24px;
}

.row-padding-4
{
    padding-top: 32px;
    padding-bottom: 32px;
}

.row-margin-1
{
    margin-top: 8px;
    margin-bottom: 8px;
}

.row-margin, .row-margin-2
{
    margin-top: 16px;
    margin-bottom: 16px;
}

.row-margin-3
{
    margin-top: 24px;
    margin-bottom: 24px;
}

.row-margin-4
{
    margin-top: 32px;
    margin-bottom: 32px;
}

.col-padding-1
{
    padding-left: 8px;
    padding-right: 8px;
}

.col-padding, .col-padding-2
{
    padding-left: 16px;
    padding-right: 16px;
}

.col-padding-3
{
    padding-left: 24px;
    padding-right: 24px;
}

.col-padding-4
{
    padding-left: 32px;
    padding-right: 32px;
}

.col-margin-1
{
    margin-left: 8px;
    margin-right: 8px;
}

.col-margin, .col-margin-2
{
    margin-left: 16px;
    margin-right: 16px;
}

.col-margin-3
{
    margin-left: 24px;
    margin-right: 24px;
}

.col-margin-4
{
    margin-left: 32px;
    margin-right: 32px;
}

.inline-block
{
    display: inline-block !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.partition
{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 4px;
}

.no-data
{
    padding: 24px 0px;
    text-align: center;
    color: #666;
}

@font-face
{
    font-family: 'aliyun-console-font';
    src: url("fonts/aliyun-console-font.eot?t91au5");
    src: url("fonts/aliyun-console-font.eot?t91au5#iefix") format("embedded-opentype"),url("fonts/aliyun-console-font.ttf?t91au5") format("truetype"),url("fonts/aliyun-console-font.woff?t91au5") format("woff"),url("fonts/aliyun-console-font.svg?t91au5#aliyun-console-font") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"]
{
    font-family: 'aliyun-console-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-logo2:before
{
    content: "\e63b";
}

.icon-logo1:before
{
    content: "\e63a";
}

.icon-logo-new:before
{
    content: "\e97f";
}

.icon-dms-2:before
{
    content: "\e92d";
}

.icon-dms-3:before
{
    content: "\e92e";
}

.icon-dms:before
{
    content: "\e92f";
}

.icon-gpdb-2:before
{
    content: "\e983";
}

.icon-gpdb-3:before
{
    content: "\e984";
}

.icon-gpdb:before
{
    content: "\e985";
}

.icon-schedulerx-2:before
{
    content: "\e986";
}

.icon-schedulerx-3:before
{
    content: "\e987";
}

.icon-schedulerx:before
{
    content: "\e988";
}

.icon-txc-2:before
{
    content: "\e989";
}

.icon-txc-3:before
{
    content: "\e98a";
}

.icon-txc:before
{
    content: "\e98b";
}

.icon-csb-2:before
{
    content: "\e909";
}

.icon-csb-3:before
{
    content: "\e90a";
}

.icon-csb:before
{
    content: "\e90b";
}

.icon-mobsec-2:before
{
    content: "\e96d";
}

.icon-mobsec-3:before
{
    content: "\e96e";
}

.icon-mobsec:before
{
    content: "\e96f";
}

.icon-mss-2:before
{
    content: "\e970";
}

.icon-mss-3:before
{
    content: "\e971";
}

.icon-mss:before
{
    content: "\e972";
}

.icon-sos-2:before
{
    content: "\e973";
}

.icon-sos-3:before
{
    content: "\e974";
}

.icon-sos:before
{
    content: "\e975";
}

.icon-sppc-2:before
{
    content: "\e976";
}

.icon-sppc-3:before
{
    content: "\e977";
}

.icon-sppc:before
{
    content: "\e978";
}

.icon-webfirewall-2:before
{
    content: "\e979";
}

.icon-webfirewall-3:before
{
    content: "\e97a";
}

.icon-webfirewall:before
{
    content: "\e97b";
}

.icon-xianzhi-2:before
{
    content: "\e97c";
}

.icon-xianzhi-3:before
{
    content: "\e97d";
}

.icon-xianzhi:before
{
    content: "\e97e";
}

.icon-livevideo-2:before
{
    content: "\e964";
}

.icon-livevideo-3:before
{
    content: "\e965";
}

.icon-livevideo:before
{
    content: "\e966";
}

.icon-slm-2:before
{
    content: "\e967";
}

.icon-slm-3:before
{
    content: "\e968";
}

.icon-slm:before
{
    content: "\e969";
}

.icon-vod-2:before
{
    content: "\e96a";
}

.icon-vod-3:before
{
    content: "\e96b";
}

.icon-vod:before
{
    content: "\e96c";
}

.icon-kms-2:before
{
    content: "\e95e";
}

.icon-kms-3:before
{
    content: "\e95f";
}

.icon-kms:before
{
    content: "\e960";
}

.icon-nas-2:before
{
    content: "\e961";
}

.icon-nas-3:before
{
    content: "\e962";
}

.icon-nas:before
{
    content: "\e963";
}

.icon-apigateway-2:before
{
    content: "\e94f";
}

.icon-apigateway-3:before
{
    content: "\e950";
}

.icon-apigateway:before
{
    content: "\e951";
}

.icon-oceanbase-2:before
{
    content: "\e952";
}

.icon-oceanbase-3:before
{
    content: "\e953";
}

.icon-oceanbase:before
{
    content: "\e954";
}

.icon-petadata-2:before
{
    content: "\e955";
}

.icon-petadata-3:before
{
    content: "\e956";
}

.icon-petadata:before
{
    content: "\e957";
}

.icon-ecsm-2:before
{
    content: "\e958";
}

.icon-ecsm-3:before
{
    content: "\e959";
}

.icon-ecsm:before
{
    content: "\e95a";
}

.icon-yundunzhengshu-2:before
{
    content: "\e95b";
}

.icon-yundunzhengshu-3:before
{
    content: "\e95c";
}

.icon-yundunzhengshu:before
{
    content: "\e95d";
}

.icon-cdi-2:before
{
    content: "\e93a";
}

.icon-cdi-3:before
{
    content: "\e93b";
}

.icon-cdi:before
{
    content: "\e93c";
}

.icon-disk-2:before
{
    content: "\e93d";
}

.icon-disk-3:before
{
    content: "\e93e";
}

.icon-disk:before
{
    content: "\e93f";
}

.icon-dsi-2:before
{
    content: "\e940";
}

.icon-dsi-3:before
{
    content: "\e941";
}

.icon-dsi:before
{
    content: "\e942";
}

.icon-hpc-2:before
{
    content: "\e943";
}

.icon-hpc-3:before
{
    content: "\e944";
}

.icon-hpc:before
{
    content: "\e945";
}

.icon-httpdns-2:before
{
    content: "\e946";
}

.icon-httpdns-3:before
{
    content: "\e947";
}

.icon-httpdns:before
{
    content: "\e948";
}

.icon-iot-2:before
{
    content: "\e949";
}

.icon-iot-3:before
{
    content: "\e94a";
}

.icon-iot2:before
{
    content: "\e94b";
}

.icon-vipaegis-2:before
{
    content: "\e94c";
}

.icon-vipaegis-3:before
{
    content: "\e94d";
}

.icon-vipaegis:before
{
    content: "\e94e";
}

.icon-cs-2:before
{
    content: "\e92a";
}

.icon-cs-3:before
{
    content: "\e92b";
}

.icon-cs:before
{
    content: "\e92c";
}

.icon-ewh-2:before
{
    content: "\e930";
}

.icon-ewh-3:before
{
    content: "\e931";
}

.icon-ewh:before
{
    content: "\e932";
}

.icon-expressconnect-2:before
{
    content: "\e933";
}

.icon-expressconnect-3:before
{
    content: "\e934";
}

.icon-expressconnect:before
{
    content: "\e935";
}

.icon-hsm-2:before
{
    content: "\e936";
}

.icon-hsm-3:before
{
    content: "\e937";
}

.icon-hsm:before
{
    content: "\e938";
}

.icon-kuaizhaolian:before
{
    content: "\e939";
}

.icon-mongodb-2:before
{
    content: "\e927";
}

.icon-mongodb-3:before
{
    content: "\e928";
}

.icon-mongodb:before
{
    content: "\e929";
}

.icon-actiontrail-2:before
{
    content: "\e90f";
}

.icon-actiontrail-3:before
{
    content: "\e910";
}

.icon-actiontrail:before
{
    content: "\e911";
}

.icon-ats-2:before
{
    content: "\e912";
}

.icon-ats-3:before
{
    content: "\e913";
}

.icon-ats:before
{
    content: "\e914";
}

.icon-cli-2:before
{
    content: "\e915";
}

.icon-cli-3:before
{
    content: "\e916";
}

.icon-cli:before
{
    content: "\e917";
}

.icon-directmail-2:before
{
    content: "\e918";
}

.icon-directmail-3:before
{
    content: "\e919";
}

.icon-directmail:before
{
    content: "\e91a";
}

.icon-eclipse-2:before
{
    content: "\e91b";
}

.icon-eclipse-3:before
{
    content: "\e91c";
}

.icon-eclipse:before
{
    content: "\e91d";
}

.icon-havip-2:before
{
    content: "\e91e";
}

.icon-havip-3:before
{
    content: "\e91f";
}

.icon-havip:before
{
    content: "\e920";
}

.icon-ros-2:before
{
    content: "\e921";
}

.icon-ros-3:before
{
    content: "\e922";
}

.icon-ros:before
{
    content: "\e923";
}

.icon-visualstudio-2:before
{
    content: "\e924";
}

.icon-visualstudio-3:before
{
    content: "\e925";
}

.icon-visualstudio:before
{
    content: "\e926";
}

.icon-emr-2:before
{
    content: "\e90c";
}

.icon-emr-3:before
{
    content: "\e90d";
}

.icon-emr:before
{
    content: "\e90e";
}

.icon-antifraud-3:before
{
    content: "\e903";
}

.icon-antifraud:before
{
    content: "\e904";
}

.icon-antifraud-2:before
{
    content: "\e905";
}

.icon-ddosbasic:before
{
    content: "\e906";
}

.icon-ddosbasic-3:before
{
    content: "\e907";
}

.icon-ddosbasic-2:before
{
    content: "\e908";
}

.icon-aegis:before
{
    content: "\e900";
}

.icon-aegis-3:before
{
    content: "\e901";
}

.icon-aegis-2:before
{
    content: "\e902";
}

.icon-amr-2:before
{
    content: "\e71c";
}

.icon-amr-3:before
{
    content: "\e71d";
}

.icon-amr:before
{
    content: "\e71e";
}

.icon-eip-2:before
{
    content: "\e71f";
}

.icon-eip-3:before
{
    content: "\e720";
}

.icon-eip:before
{
    content: "\e721";
}

.icon-expense-i18n:before
{
    content: "\e71b";
}

.icon-aps-2:before
{
    content: "\e715";
}

.icon-aps-3:before
{
    content: "\e716";
}

.icon-aps:before
{
    content: "\e717";
}

.icon-batchcompute-2:before
{
    content: "\e718";
}

.icon-batchcompute-3:before
{
    content: "\e719";
}

.icon-batchcompute:before
{
    content: "\e71a";
}

.icon-sas-2:before
{
    content: "\e70c";
}

.icon-sas-3:before
{
    content: "\e70d";
}

.icon-sas:before
{
    content: "\e70e";
}

.icon-scan-2:before
{
    content: "\e70f";
}

.icon-scan-3:before
{
    content: "\e710";
}

.icon-scan:before
{
    content: "\e711";
}

.icon-waf-2:before
{
    content: "\e712";
}

.icon-waf-3:before
{
    content: "\e713";
}

.icon-waf:before
{
    content: "\e714";
}

.icon-mns-2:before
{
    content: "\e709";
}

.icon-mns-3:before
{
    content: "\e70a";
}

.icon-mns:before
{
    content: "\e70b";
}

.icon-qrcode:before
{
    content: "\e708";
}

.icon-unfold:before
{
    content: "\e707";
}

.icon-fold:before
{
    content: "\e706";
}

.icon-form:before
{
    content: "\e6fd";
}

.icon-accelerate:before
{
    content: "\e6fe";
}

.icon-feedback:before
{
    content: "\e702";
}

.icon-vdc-2:before
{
    content: "\e703";
}

.icon-vdc-3:before
{
    content: "\e704";
}

.icon-vdc:before
{
    content: "\e705";
}

.icon-new:before
{
    content: "\e6fc";
}

.icon-collapse-right:before
{
    content: "\e6fb";
}

.icon-collapse-left:before
{
    content: "\e6fa";
}

.icon-aec:before
{
    content: "\e6f3";
}

.icon-aic:before
{
    content: "\e6f4";
}

.icon-mobile-2:before
{
    content: "\e6f5";
}

.icon-amc:before
{
    content: "\e6f6";
}

.icon-arc:before
{
    content: "\e6f7";
}

.icon-game:before
{
    content: "\e6f8";
}

.icon-iot:before
{
    content: "\e6f9";
}

.icon-right:before
{
    content: "\e6f2";
}

.icon-afc:before
{
    content: "\e6f0";
}

.icon-specs:before
{
    content: "\e6f1";
}

.icon-pen-2:before
{
    content: "\e6c8";
}

.icon-key:before
{
    content: "\e635";
}

.icon-bsn:before
{
    content: "\e6ea";
}

.icon-mac-2:before
{
    content: "\e6eb";
}

.icon-mac-3:before
{
    content: "\e6ec";
}

.icon-mac:before
{
    content: "\e6ed";
}

.icon-fenxiao:before
{
    content: "\e6ee";
}

.icon-account-2:before
{
    content: "\e6ef";
}

.icon-qiyeyouxiang-2:before
{
    content: "\e6be";
}

.icon-qiyeyouxiang-3:before
{
    content: "\e6bf";
}

.icon-qiyeyouxiang:before
{
    content: "\e6c0";
}

.icon-yuming-2:before
{
    content: "\e6d3";
}

.icon-yuming-3:before
{
    content: "\e6df";
}

.icon-yuming:before
{
    content: "\e6e0";
}

.icon-yumingyuwangzhan-2:before
{
    content: "\e6e1";
}

.icon-yumingyuwangzhan-3:before
{
    content: "\e6e2";
}

.icon-yumingyuwangzhan:before
{
    content: "\e6e3";
}

.icon-yunjiexi-2:before
{
    content: "\e6e4";
}

.icon-yunjiexi-3:before
{
    content: "\e6e5";
}

.icon-yunjiexi:before
{
    content: "\e6e6";
}

.icon-yunxunizhuji-2:before
{
    content: "\e6e7";
}

.icon-yunxunizhuji-3:before
{
    content: "\e6e8";
}

.icon-yunxunizhuji:before
{
    content: "\e6e9";
}

.icon-api-3:before
{
    content: "\e6d2";
}

.icon-api-2:before
{
    content: "\e6d4";
}

.icon-api:before
{
    content: "\e6d5";
}

.icon-dpa-2:before
{
    content: "\e6d6";
}

.icon-dpa-3:before
{
    content: "\e6d7";
}

.icon-dpa:before
{
    content: "\e6d8";
}

.icon-lvwang-2:before
{
    content: "\e6d9";
}

.icon-lvwang-3:before
{
    content: "\e6da";
}

.icon-lvwang:before
{
    content: "\e6db";
}

.icon-mas-2:before
{
    content: "\e6dc";
}

.icon-mas-3:before
{
    content: "\e6dd";
}

.icon-mas:before
{
    content: "\e6de";
}

.icon-dts-2:before
{
    content: "\e6cf";
}

.icon-dts-3:before
{
    content: "\e6d0";
}

.icon-dts:before
{
    content: "\e6d1";
}

.icon-android:before
{
    content: "\e6c9";
}

.icon-cps-2:before
{
    content: "\e6ca";
}

.icon-cps-3:before
{
    content: "\e6cb";
}

.icon-cps:before
{
    content: "\e6cc";
}

.icon-ios:before
{
    content: "\e6cd";
}

.icon-vitality:before
{
    content: "\e6ce";
}

.icon-dfs-2:before
{
    content: "\e6bb";
}

.icon-dfs-3:before
{
    content: "\e6bc";
}

.icon-dfs:before
{
    content: "\e6bd";
}

.icon-edas-2:before
{
    content: "\e6c1";
}

.icon-edas-3:before
{
    content: "\e6c2";
}

.icon-edas:before
{
    content: "\e6c3";
}

.icon-enter:before
{
    content: "\e6c4";
}

.icon-usableCenter-2:before
{
    content: "\e6c5";
}

.icon-usableCenter-3:before
{
    content: "\e6c6";
}

.icon-usableCenter:before
{
    content: "\e6c7";
}

.icon-ace-2:before
{
    content: "\e600";
}

.icon-ace:before
{
    content: "\e601";
}

.icon-add-1:before
{
    content: "\e602";
}

.icon-add-2:before
{
    content: "\e603";
}

.icon-add:before
{
    content: "\e604";
}

.icon-ads-2:before
{
    content: "\e605";
}

.icon-ads:before
{
    content: "\e606";
}

.icon-amplify:before
{
    content: "\e607";
}

.icon-arrow-down:before
{
    content: "\e608";
}

.icon-arrow-left:before
{
    content: "\e609";
}

.icon-arrow-right:before
{
    content: "\e60a";
}

.icon-arrow-up:before
{
    content: "\e60b";
}

.icon-backup:before
{
    content: "\e60c";
}

.icon-bell:before
{
    content: "\e60d";
}

.icon-buy:before
{
    content: "\e60e";
}

.icon-calendar:before
{
    content: "\e60f";
}

.icon-cdn-2:before
{
    content: "\e610";
}

.icon-cdn:before
{
    content: "\e611";
}

.icon-cdp:before
{
    content: "\e612";
}

.icon-clock:before
{
    content: "\e613";
}

.icon-cloudisk:before
{
    content: "\e614";
}

.icon-cloudisk2:before
{
    content: "\e615";
}

.icon-db-g:before
{
    content: "\e616";
}

.icon-db-r:before
{
    content: "\e617";
}

.icon-db-sign:before
{
    content: "\e618";
}

.icon-db-t:before
{
    content: "\e619";
}

.icon-db:before
{
    content: "\e61a";
}

.icon-ddos-2:before
{
    content: "\e61b";
}

.icon-ddos:before
{
    content: "\e61c";
}

.icon-detail-2:before
{
    content: "\e61d";
}

.icon-detail:before
{
    content: "\e61e";
}

.icon-disk-image:before
{
    content: "\e61f";
}

.icon-down:before
{
    content: "\e620";
}

.icon-dpc-2:before
{
    content: "\e621";
}

.icon-dpc:before
{
    content: "\e622";
}

.icon-drds-2:before
{
    content: "\e623";
}

.icon-drds:before
{
    content: "\e624";
}

.icon-ecs-2:before
{
    content: "\e625";
}

.icon-ecs:before
{
    content: "\e626";
}

.icon-ess-2:before
{
    content: "\e627";
}

.icon-ess:before
{
    content: "\e628";
}

.icon-exec-snapshot-policy:before
{
    content: "\e629";
}

.icon-goback:before
{
    content: "\e62a";
}

.icon-graphs:before
{
    content: "\e62b";
}

.icon-help-1:before
{
    content: "\e62c";
}

.icon-help-2:before
{
    content: "\e62d";
}

.icon-help:before
{
    content: "\e62e";
}

.icon-home:before
{
    content: "\e62f";
}

.icon-info-1:before
{
    content: "\e630";
}

.icon-info-2:before
{
    content: "\e631";
}

.icon-info:before
{
    content: "\e632";
}

.icon-invite:before
{
    content: "\e633";
}

.icon-jiankong-2:before
{
    content: "\e634";
}

.icon-lightcloud-2:before
{
    content: "\e636";
}

.icon-lightcloud:before
{
    content: "\e637";
}

.icon-log:before
{
    content: "\e638";
}

.icon-logo:before
{
    content: "\e639";
}

.icon-menu:before
{
    content: "\e63c";
}

.icon-mqs-2:before
{
    content: "\e63d";
}

.icon-mqs:before
{
    content: "\e63e";
}

.icon-mts:before
{
    content: "\e63f";
}

.icon-narrow:before
{
    content: "\e640";
}

.icon-no-1:before
{
    content: "\e641";
}

.icon-no-2:before
{
    content: "\e642";
}

.icon-no:before
{
    content: "\e643";
}

.icon-oas-2:before
{
    content: "\e644";
}

.icon-oas:before
{
    content: "\e645";
}

.icon-ocs-2:before
{
    content: "\e646";
}

.icon-ocs:before
{
    content: "\e647";
}

.icon-odps-2:before
{
    content: "\e648";
}

.icon-odps:before
{
    content: "\e649";
}

.icon-ons-2:before
{
    content: "\e64a";
}

.icon-ons:before
{
    content: "\e64b";
}

.icon-opensearch-2:before
{
    content: "\e64c";
}

.icon-opensearch:before
{
    content: "\e64d";
}

.icon-oss-2:before
{
    content: "\e64e";
}

.icon-oss:before
{
    content: "\e64f";
}

.icon-ots-2:before
{
    content: "\e650";
}

.icon-ots:before
{
    content: "\e651";
}

.icon-pen:before
{
    content: "\e652";
}

.icon-performance:before
{
    content: "\e653";
}

.icon-pts-2:before
{
    content: "\e654";
}

.icon-pts:before
{
    content: "\e655";
}

.icon-ram-2:before
{
    content: "\e656";
}

.icon-ram:before
{
    content: "\e657";
}

.icon-rds-2:before
{
    content: "\e658";
}

.icon-rds:before
{
    content: "\e659";
}

.icon-regional:before
{
    content: "\e65a";
}

.icon-remove-1:before
{
    content: "\e65b";
}

.icon-remove-2:before
{
    content: "\e65c";
}

.icon-remove:before
{
    content: "\e65d";
}

.icon-renew-mgt:before
{
    content: "\e65e";
}

.icon-safe-lock:before
{
    content: "\e65f";
}

.icon-safetycontrol:before
{
    content: "\e660";
}

.icon-search:before
{
    content: "\e661";
}

.icon-setup:before
{
    content: "\e662";
}

.icon-shift-in:before
{
    content: "\e663";
}

.icon-slb-2:before
{
    content: "\e664";
}

.icon-slb:before
{
    content: "\e665";
}

.icon-sls-2:before
{
    content: "\e666";
}

.icon-sls:before
{
    content: "\e667";
}

.icon-snapshot:before
{
    content: "\e668";
}

.icon-text-free:before
{
    content: "\e669";
}

.icon-threshold:before
{
    content: "\e66a";
}

.icon-tree:before
{
    content: "\e66b";
}

.icon-unlock:before
{
    content: "\e66c";
}

.icon-up:before
{
    content: "\e66d";
}

.icon-updown:before
{
    content: "\e66e";
}

.icon-viewtable:before
{
    content: "\e66f";
}

.icon-vpc-2:before
{
    content: "\e670";
}

.icon-vpc:before
{
    content: "\e671";
}

.icon-warning-1:before
{
    content: "\e672";
}

.icon-warning-2:before
{
    content: "\e673";
}

.icon-warning:before
{
    content: "\e674";
}

.icon-weekly:before
{
    content: "\e675";
}

.icon-yes-1:before
{
    content: "\e676";
}

.icon-yes-2:before
{
    content: "\e677";
}

.icon-yes:before
{
    content: "\e678";
}

.icon-yundun-2:before
{
    content: "\e679";
}

.icon-yundun:before
{
    content: "\e67a";
}

.icon-yunjiankong:before
{
    content: "\e67b";
}

.icon-annex:before
{
    content: "\e67c";
}

.icon-renew:before
{
    content: "\e67d";
}

.icon-renew-2:before
{
    content: "\e67e";
}

.icon-plus-border:before
{
    content: "\e67f";
}

.icon-wo-domain:before
{
    content: "\e680";
}

.icon-wo-email:before
{
    content: "\e681";
}

.icon-wo-host:before
{
    content: "\e682";
}

.icon-wo-sitebuild:before
{
    content: "\e683";
}

.icon-wo-salepre:before
{
    content: "\e684";
}

.icon-wo-beian:before
{
    content: "\e685";
}

.icon-wo-account:before
{
    content: "\e686";
}

.icon-wo-finance:before
{
    content: "\e687";
}

.icon-square:before
{
    content: "\e688";
}

.icon-left:before
{
    content: "\e689";
}

.icon-upload:before
{
    content: "\e68a";
}

.icon-list-open:before
{
    content: "\e68b";
}

.icon-pause:before
{
    content: "\e68c";
}

.icon-list-close:before
{
    content: "\e68d";
}

.icon-circle:before
{
    content: "\e68e";
}

.icon-refresh:before
{
    content: "\e68f";
}

.icon-return:before
{
    content: "\e690";
}

.icon-undo:before
{
    content: "\e691";
}

.icon-alipay:before
{
    content: "\e692";
}

.icon-auto-renew:before
{
    content: "\e693";
}

.icon-mobile:before
{
    content: "\e694";
}

.icon-account:before
{
    content: "\e695";
}

.icon-services:before
{
    content: "\e696";
}

.icon-expense:before
{
    content: "\e697";
}

.icon-redisa-2:before
{
    content: "\e698";
}

.icon-redisa:before
{
    content: "\e699";
}

.icon-ddos-3:before
{
    content: "\e69a";
}

.icon-redisa-3:before
{
    content: "\e69b";
}

.icon-toolsimage-2:before
{
    content: "\e69c";
}

.icon-cdp-2:before
{
    content: "\e69d";
}

.icon-mts-2:before
{
    content: "\e69e";
}

.icon-toolsimage:before
{
    content: "\e69f";
}

.icon-toolsimage-3:before
{
    content: "\e6a0";
}

.icon-ons-3:before
{
    content: "\e6a1";
}

.icon-ram-3:before
{
    content: "\e6a2";
}

.icon-yundun-3:before
{
    content: "\e6a3";
}

.icon-pts-3:before
{
    content: "\e6a4";
}

.icon-mts-3:before
{
    content: "\e6a5";
}

.icon-mqs-3:before
{
    content: "\e6a6";
}

.icon-drds-3:before
{
    content: "\e6a7";
}

.icon-cdp-3:before
{
    content: "\e6a8";
}

.icon-dpc-3:before
{
    content: "\e6a9";
}

.icon-ads-3:before
{
    content: "\e6aa";
}

.icon-jiankong-3:before
{
    content: "\e6ab";
}

.icon-vpc-3:before
{
    content: "\e6ac";
}

.icon-slb-3:before
{
    content: "\e6ad";
}

.icon-rds-3:before
{
    content: "\e6ae";
}

.icon-ots-3:before
{
    content: "\e6af";
}

.icon-oss-3:before
{
    content: "\e6b0";
}

.icon-ess-3:before
{
    content: "\e6b1";
}

.icon-opensearch-3:before
{
    content: "\e6b2";
}

.icon-odps-3:before
{
    content: "\e6b3";
}

.icon-ocs-3:before
{
    content: "\e6b4";
}

.icon-oas-3:before
{
    content: "\e6b5";
}

.icon-lightcloud-3:before
{
    content: "\e6b6";
}

.icon-cdn-3:before
{
    content: "\e6b7";
}

.icon-ace-3:before
{
    content: "\e6b8";
}

.icon-sls-3:before
{
    content: "\e6b9";
}

.icon-ecs-3:before
{
    content: "\e6ba";
}

.modal-content
{
    border-radius: 0px;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
}

.modal-footer
{
    margin-top: 0px;
}

.modal-title
{
    font-size: 14px;
}

.modal-header .close
{
    font-size: 28px;
    margin-top: -8px;
    font-weight: normal;
}

.modal-backdrop
{
    background-color: #FFF;
}

.console-message-dialog .modal-body .lead
{
    font-size: 16px;
}

.console-message-dialog .modal-body p
{
    margin-top: 6px;
}

.nav-tabs > li > a, .nav-tabs.nav-justified > li > a
{
    border-radius: 0px 0px 0px 0px;
}

.nav-tabs
{
    border-color: #ddd;
}

    .nav-tabs > li
    {
        margin-left: -1px;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        z-index: 1;
    }

        .nav-tabs > li > a, .nav-tabs > li > a:focus
        {
            color: #666;
            border-left: 0px;
            border-right: 0px;
            margin-right: 0px;
            padding: 10px 16px;
            background: #FBFAF8;
            border-bottom: 0px;
        }

        .nav-tabs > li.active
        {
            border-top: 0px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            z-index: 3;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
            {
                border-top: 2px solid #00a2ca;
                border-left: 0px;
                border-right: 0px;
                border-bottom: 1px solid #FFF;
                color: #333;
            }

        .nav-tabs > li > a:hover
        {
            background-color: #FFF;
            color: #09C;
        }

    .nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus
    {
        color: #000;
        background-color: #FAFAFA;
        border-color: #EEE;
    }

    .nav-tabs.nav-justified > li:first-child
    {
        border-left: 1px solid #ddd;
    }

    .nav-tabs.nav-justified > li
    {
        border-top: 1px solid #ddd;
        border-left: 0px solid #ddd;
        border-right: 1px solid #ddd;
        z-index: 1;
    }

        .nav-tabs.nav-justified > li > a
        {
            border-left: 0px;
            border-right: 0px;
            margin-right: 0px;
            background-color: #fbfaf8;
            border-bottom: 1px solid #ddd;
        }

            .nav-tabs.nav-justified > li > a:hover
            {
                color: #09C;
                background-color: #FFF;
            }

        .nav-tabs.nav-justified > li.active
        {
            border-top: 0px;
            z-index: 3;
        }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus
    {
        border-top: 2px solid #00a2ca;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px solid #FFF;
        color: #333;
        background-color: #FFF;
    }

.nav-pills li a, .nav-pills li a:focus, .nav-pills li button, .nav-pills li button:focus
{
    padding: 6px 12px;
    border-radius: 0px;
    border: 1px solid #D9DEE4;
    background-color: #D9DEE4;
    color: #666;
    line-height: 20px;
    height: 32px;
    margin-left: 2px;
}

    .nav-pills li a:hover, .nav-pills li a:focus:hover, .nav-pills li button:hover, .nav-pills li button:focus:hover
    {
        border: 1px solid #D9DEE4;
        background-color: #DCE2E7;
        color: #444;
    }

.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus, .nav-pills li.active button, .nav-pills li.active button:hover, .nav-pills li.active button:focus
{
    border: 1px solid #546478;
    background-color: #546478;
    color: #FFFFFF;
}

.c-texttrimmer-pen
{
    position: absolute;
    width: 18px;
    height: 18px;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    margin-left: 6px;
}

.c-texttrimmer-box
{
    position: absolute;
    padding: 16px;
    background: #fff;
    z-index: 1000;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

    .c-texttrimmer-box:focus
    {
        outline: none;
    }

    .c-texttrimmer-box p
    {
        margin: 0 0 10px;
    }

        .c-texttrimmer-box p.c-texttrimmer-tip
        {
            color: red;
        }

    .c-texttrimmer-box .c-texttrimmer-btnbox a
    {
        margin-right: 8px;
    }

.modal, .modal-open
{
    overflow: auto;
    overflow-y: auto;
}

.console-helper
{
    position: absolute;
    height: 100%;
    width: 400px;
    right: 0px;
    top: 32px;
    z-index: 1000;
    border: 1px solid #eee;
    background: #fff;
    border-left: 1px solid #dddddd;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    position: fixed;
}

.console-helper-animation
{
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.console-helper-folded
{
    right: -400px;
}

    .console-helper-folded .console-helper-head .console-helper-button
    {
        margin-left: -44px;
    }

.console-helper-head
{
    height: 56px;
    background: #f5f5f5;
    border-bottom: 1px solid #dddddd;
}

    .console-helper-head .console-helper-button
    {
        float: left;
        background: url(images/helper-icon.png) center center no-repeat;
        height: 32px;
        width: 32px;
        margin: 12px;
        cursor: pointer;
        opacity: 0.6;
    }

        .console-helper-head .console-helper-button:hover
        {
            opacity: 1;
        }

    .console-helper-head .console-helper-title
    {
        float: left;
        font-size: 14px;
        line-height: 32px;
        height: 32px;
        margin: 12px 0;
        color: #333;
    }

.console-helper-body .console-helper-nav
{
    border-bottom: 1px solid #dddddd;
    margin: 0 20px;
    list-style: none;
    overflow: hidden;
    zoom: 1;
    padding: 0;
}

    .console-helper-body .console-helper-nav li
    {
        float: left;
        padding: 12px;
    }

        .console-helper-body .console-helper-nav li a
        {
            color: #666;
        }

            .console-helper-body .console-helper-nav li a:hover
            {
                color: #000;
            }

        .console-helper-body .console-helper-nav li.active
        {
            border-bottom: 2px solid #999;
        }

.console-helper-body .console-helper-panel-list .console-helper-panel
{
    margin: 20px;
}

    .console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-search
    {
        height: 32px;
    }

    .console-helper-body .console-helper-panel-list .console-helper-panel .console-helper-xiaoyun .console-helper-xiaoyun-recommend ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.console-helper-foot
{
    background: #f5f5f5;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eee;
}

    .console-helper-foot .console-helper-service
    {
        overflow: hidden;
        zoom: 1;
        height: 32px;
        margin: 12px;
        list-style: none;
    }

        .console-helper-foot .console-helper-service li
        {
            width: 48%;
            float: left;
        }

            .console-helper-foot .console-helper-service li p
            {
                margin: 0;
                color: #666;
            }

                .console-helper-foot .console-helper-service li p a
                {
                    color: #666;
                }

                    .console-helper-foot .console-helper-service li p a:hover
                    {
                        text-decoration: underline;
                    }

.growl
{
    z-index: 9999999;
    top: 50px;
    width: 260px;
}

.alert-success
{
    color: #090;
    background-color: #F2FFEA;
    border-color: #C7DDB9;
}

    .alert-success .alert-link
    {
        color: #063;
        font-weight: normal;
    }

.alert-info
{
    color: #555;
    background-color: #F9F9F9;
    border-color: #DDD;
}

    .alert-info .alert-link
    {
        color: #06C;
        font-weight: normal;
    }

.alert-warning
{
    color: #f68300;
    background-color: #FCF8E2;
    border-color: #FBECCB;
}

    .alert-warning .alert-link
    {
        color: #c50;
        font-weight: normal;
    }

.alert-danger
{
    color: #ee2117;
    background-color: #FFF6F2;
    border-color: #F1ACAC;
}

    .alert-danger .alert-link
    {
        color: #b00;
        font-weight: normal;
    }

.alert
{
    padding: 6px 12px;
    line-height: 18px;
    margin-bottom: 6px;
    border-radius: 0px;
}

    .alert .close
    {
        margin-top: -5px;
    }

    .alert ul
    {
        padding-left: 16px;
    }

.product-icons-32, .product-icons-48, .product-icons-64
{
    background-repeat: no-repeat;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url(aliyun-logo/product.icons.png);
    background-image: -webkit-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -moz-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -ms-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
    background-image: -os-image-set(url(aliyun-logo/product.icons.png) 1x, url(aliyun-logo/product.icons@2x.png) 2x);
}

.product-icons-32
{
    width: 32px;
    height: 32px;
}

.product-icons-48
{
    width: 48px;
    height: 48px;
}

.product-icons-64
{
    width: 64px;
    height: 64px;
}

.product-icons-32.product-icons-ace-grey
{
    background-position: -448px -1088px !important;
}

.product-icons-32.product-icons-ace
{
    background-position: -800px -1024px !important;
}

.product-icons-48.product-icons-ace-grey
{
    background-position: -192px -832px !important;
}

.product-icons-48.product-icons-ace
{
    background-position: -720px -880px !important;
}

.product-icons-64.product-icons-ace-grey
{
    background-position: -576px -128px !important;
}

.product-icons-64.product-icons-ace
{
    background-position: 0px -64px !important;
}

.product-icons-32.product-icons-actiontrail-grey
{
    background-position: -416px -1088px !important;
}

.product-icons-32.product-icons-actiontrail
{
    background-position: -384px -1088px !important;
}

.product-icons-48.product-icons-actiontrail-grey
{
    background-position: -976px -288px !important;
}

.product-icons-48.product-icons-actiontrail
{
    background-position: -432px -976px !important;
}

.product-icons-64.product-icons-actiontrail-grey
{
    background-position: -128px 0px !important;
}

.product-icons-64.product-icons-actiontrail
{
    background-position: -128px -64px !important;
}

.product-icons-32.product-icons-ads-grey
{
    background-position: -352px -1088px !important;
}

.product-icons-32.product-icons-ads
{
    background-position: -256px -1088px !important;
}

.product-icons-48.product-icons-ads-grey
{
    background-position: -768px -880px !important;
}

.product-icons-48.product-icons-ads
{
    background-position: -928px -384px !important;
}

.product-icons-64.product-icons-ads-grey
{
    background-position: -64px -128px !important;
}

.product-icons-64.product-icons-ads
{
    background-position: -128px -128px !important;
}

.product-icons-32.product-icons-aegis-grey
{
    background-position: -224px -1088px !important;
}

.product-icons-32.product-icons-aegis
{
    background-position: -192px -1088px !important;
}

.product-icons-48.product-icons-aegis-grey
{
    background-position: -688px -768px !important;
}

.product-icons-48.product-icons-aegis
{
    background-position: -832px -96px !important;
}

.product-icons-64.product-icons-aegis-grey
{
    background-position: -192px -64px !important;
}

.product-icons-64.product-icons-aegis
{
    background-position: -192px -128px !important;
}

.product-icons-32.product-icons-antifraud-grey
{
    background-position: -160px -1088px !important;
}

.product-icons-32.product-icons-antifraud
{
    background-position: -64px -1088px !important;
}

.product-icons-48.product-icons-antifraud-grey
{
    background-position: -880px -480px !important;
}

.product-icons-48.product-icons-antifraud
{
    background-position: -880px -720px !important;
}

.product-icons-64.product-icons-antifraud-grey
{
    background-position: -64px -192px !important;
}

.product-icons-64.product-icons-antifraud
{
    background-position: -128px -192px !important;
}

.product-icons-32.product-icons-api-grey
{
    background-position: -32px -1088px !important;
}

.product-icons-32.product-icons-api
{
    background-position: 0px -1088px !important;
}

.product-icons-48.product-icons-api-grey
{
    background-position: -96px -928px !important;
}

.product-icons-48.product-icons-api
{
    background-position: -192px -928px !important;
}

.product-icons-64.product-icons-api-grey
{
    background-position: -256px 0px !important;
}

.product-icons-64.product-icons-api
{
    background-position: -256px -64px !important;
}

.product-icons-32.product-icons-apigateway-grey
{
    background-position: -1104px -1056px !important;
}

.product-icons-32.product-icons-apigateway
{
    background-position: -1104px -960px !important;
}

.product-icons-48.product-icons-apigateway-grey
{
    background-position: -480px -976px !important;
}

.product-icons-48.product-icons-apigateway
{
    background-position: -576px -976px !important;
}

.product-icons-64.product-icons-apigateway-grey
{
    background-position: -256px -192px !important;
}

.product-icons-64.product-icons-apigateway
{
    background-position: 0px -256px !important;
}

.product-icons-32.product-icons-aps-grey
{
    background-position: -1104px -928px !important;
}

.product-icons-32.product-icons-aps
{
    background-position: -1104px -896px !important;
}

.product-icons-48.product-icons-aps-grey
{
    background-position: -832px -432px !important;
}

.product-icons-48.product-icons-aps
{
    background-position: -832px -528px !important;
}

.product-icons-64.product-icons-aps-grey
{
    background-position: -128px -256px !important;
}

.product-icons-64.product-icons-aps
{
    background-position: -192px -256px !important;
}

.product-icons-32.product-icons-ats-grey
{
    background-position: -1104px -864px !important;
}

.product-icons-32.product-icons-ats
{
    background-position: -1104px -768px !important;
}

.product-icons-48.product-icons-ats-grey
{
    background-position: -768px -832px !important;
}

.product-icons-48.product-icons-ats
{
    background-position: -880px 0px !important;
}

.product-icons-64.product-icons-ats-grey
{
    background-position: -320px 0px !important;
}

.product-icons-64.product-icons-ats
{
    background-position: -320px -64px !important;
}

.product-icons-32.product-icons-batchcompute-grey
{
    background-position: -1104px -736px !important;
}

.product-icons-32.product-icons-batchcompute
{
    background-position: -1104px -704px !important;
}

.product-icons-48.product-icons-batchcompute-grey
{
    background-position: -192px -880px !important;
}

.product-icons-48.product-icons-batchcompute
{
    background-position: -288px -880px !important;
}

.product-icons-64.product-icons-batchcompute-grey
{
    background-position: -320px -192px !important;
}

.product-icons-64.product-icons-batchcompute
{
    background-position: -320px -256px !important;
}

.product-icons-32.product-icons-cas-grey
{
    background-position: -1104px -672px !important;
}

.product-icons-32.product-icons-cas
{
    background-position: -1104px -576px !important;
}

.product-icons-48.product-icons-cas-grey
{
    background-position: -928px -432px !important;
}

.product-icons-48.product-icons-cas
{
    background-position: -928px -480px !important;
}

.product-icons-64.product-icons-cas-grey
{
    background-position: -64px -320px !important;
}

.product-icons-64.product-icons-cas
{
    background-position: -128px -320px !important;
}

.product-icons-32.product-icons-cdi-grey
{
    background-position: -1104px -544px !important;
}

.product-icons-32.product-icons-cdi
{
    background-position: -1104px -512px !important;
}

.product-icons-48.product-icons-cdi-grey
{
    background-position: -672px -928px !important;
}

.product-icons-48.product-icons-cdi
{
    background-position: -720px -928px !important;
}

.product-icons-64.product-icons-cdi-grey
{
    background-position: -256px -320px !important;
}

.product-icons-64.product-icons-cdi
{
    background-position: -320px -320px !important;
}

.product-icons-32.product-icons-cdn-grey
{
    background-position: -1104px -480px !important;
}

.product-icons-32.product-icons-cdn
{
    background-position: -1104px -384px !important;
}

.product-icons-48.product-icons-cdn-grey
{
    background-position: -976px -864px !important;
}

.product-icons-48.product-icons-cdn
{
    background-position: -976px -912px !important;
}

.product-icons-64.product-icons-cdn-grey
{
    background-position: -384px -64px !important;
}

.product-icons-64.product-icons-cdn
{
    background-position: -384px -128px !important;
}

.product-icons-32.product-icons-cdp-grey
{
    background-position: -1104px -352px !important;
}

.product-icons-32.product-icons-cdp
{
    background-position: -1104px -320px !important;
}

.product-icons-48.product-icons-cdp-grey
{
    background-position: -1024px -48px !important;
}

.product-icons-48.product-icons-cdp
{
    background-position: -1024px -96px !important;
}

.product-icons-64.product-icons-cdp-grey
{
    background-position: -384px -256px !important;
}

.product-icons-64.product-icons-cdp
{
    background-position: -384px -320px !important;
}

.product-icons-32.product-icons-cli-grey
{
    background-position: -1104px -288px !important;
}

.product-icons-32.product-icons-cli
{
    background-position: -1104px -192px !important;
}

.product-icons-48.product-icons-cli-grey
{
    background-position: -832px -144px !important;
}

.product-icons-48.product-icons-cli
{
    background-position: -832px -192px !important;
}

.product-icons-64.product-icons-cli-grey
{
    background-position: -64px -384px !important;
}

.product-icons-64.product-icons-cli
{
    background-position: -128px -384px !important;
}

.product-icons-32.product-icons-containerservice-grey
{
    background-position: -1104px -160px !important;
}

.product-icons-32.product-icons-containerservice
{
    background-position: -1104px -128px !important;
}

.product-icons-48.product-icons-containerservice-grey
{
    background-position: -832px -720px !important;
}

.product-icons-48.product-icons-containerservice
{
    background-position: -832px -768px !important;
}

.product-icons-64.product-icons-containerservice-grey
{
    background-position: -256px -384px !important;
}

.product-icons-64.product-icons-containerservice
{
    background-position: -320px -384px !important;
}

.product-icons-32.product-icons-cps-grey
{
    background-position: -1104px -96px !important;
}

.product-icons-32.product-icons-cps
{
    background-position: -1104px 0px !important;
}

.product-icons-48.product-icons-cps-grey
{
    background-position: -480px -832px !important;
}

.product-icons-48.product-icons-cps
{
    background-position: -528px -832px !important;
}

.product-icons-64.product-icons-cps-grey
{
    background-position: -448px 0px !important;
}

.product-icons-64.product-icons-cps
{
    background-position: -448px -64px !important;
}

.product-icons-32.product-icons-csb-grey
{
    background-position: -1056px -1056px !important;
}

.product-icons-32.product-icons-csb
{
    background-position: -1024px -1056px !important;
}

.product-icons-48.product-icons-csb-grey
{
    background-position: -880px -192px !important;
}

.product-icons-48.product-icons-csb
{
    background-position: -880px -240px !important;
}

.product-icons-64.product-icons-csb-grey
{
    background-position: -448px -192px !important;
}

.product-icons-64.product-icons-csb
{
    background-position: -448px -256px !important;
}

.product-icons-32.product-icons-ddos-grey
{
    background-position: -992px -1056px !important;
}

.product-icons-32.product-icons-ddos
{
    background-position: -896px -1056px !important;
}

.product-icons-48.product-icons-ddos-grey
{
    background-position: -880px -768px !important;
}

.product-icons-48.product-icons-ddos
{
    background-position: -880px -816px !important;
}

.product-icons-64.product-icons-ddos-grey
{
    background-position: -448px -384px !important;
}

.product-icons-64.product-icons-ddos
{
    background-position: 0px -448px !important;
}

.product-icons-32.product-icons-ddosbasic-grey
{
    background-position: -864px -1056px !important;
}

.product-icons-32.product-icons-ddosbasic
{
    background-position: -832px -1056px !important;
}

.product-icons-48.product-icons-ddosbasic-grey
{
    background-position: -480px -880px !important;
}

.product-icons-48.product-icons-ddosbasic
{
    background-position: -528px -880px !important;
}

.product-icons-64.product-icons-ddosbasic-grey
{
    background-position: -128px -448px !important;
}

.product-icons-64.product-icons-ddosbasic
{
    background-position: -192px -448px !important;
}

.product-icons-32.product-icons-dfs-grey
{
    background-position: -800px -1056px !important;
}

.product-icons-32.product-icons-dfs
{
    background-position: -704px -1056px !important;
}

.product-icons-48.product-icons-dfs-grey
{
    background-position: -928px -144px !important;
}

.product-icons-48.product-icons-dfs
{
    background-position: -928px -192px !important;
}

.product-icons-64.product-icons-dfs-grey
{
    background-position: -320px -448px !important;
}

.product-icons-64.product-icons-dfs
{
    background-position: -384px -448px !important;
}

.product-icons-32.product-icons-directmail-grey
{
    background-position: -672px -1056px !important;
}

.product-icons-32.product-icons-directmail
{
    background-position: -640px -1056px !important;
}

.product-icons-48.product-icons-directmail-grey
{
    background-position: -928px -672px !important;
}

.product-icons-48.product-icons-directmail
{
    background-position: -928px -720px !important;
}

.product-icons-64.product-icons-directmail-grey
{
    background-position: -512px 0px !important;
}

.product-icons-64.product-icons-directmail
{
    background-position: -512px -64px !important;
}

.product-icons-32.product-icons-disk-grey
{
    background-position: -608px -1056px !important;
}

.product-icons-32.product-icons-disk
{
    background-position: -512px -1056px !important;
}

.product-icons-48.product-icons-disk-grey
{
    background-position: -336px -928px !important;
}

.product-icons-48.product-icons-disk
{
    background-position: -384px -928px !important;
}

.product-icons-64.product-icons-disk-grey
{
    background-position: -512px -192px !important;
}

.product-icons-64.product-icons-disk
{
    background-position: -512px -256px !important;
}

.product-icons-32.product-icons-dms-grey
{
    background-position: -480px -1056px !important;
}

.product-icons-32.product-icons-dms
{
    background-position: -448px -1056px !important;
}

.product-icons-48.product-icons-dms-grey
{
    background-position: -912px -928px !important;
}

.product-icons-48.product-icons-dms
{
    background-position: -976px 0px !important;
}

.product-icons-64.product-icons-dms-grey
{
    background-position: -512px -384px !important;
}

.product-icons-64.product-icons-dms
{
    background-position: -512px -448px !important;
}

.product-icons-32.product-icons-dpc-grey
{
    background-position: -416px -1056px !important;
}

.product-icons-32.product-icons-dpc
{
    background-position: -320px -1056px !important;
}

.product-icons-48.product-icons-dpc-grey
{
    background-position: -976px -528px !important;
}

.product-icons-48.product-icons-dpc
{
    background-position: -976px -576px !important;
}

.product-icons-64.product-icons-dpc-grey
{
    background-position: -64px -512px !important;
}

.product-icons-64.product-icons-dpc
{
    background-position: -128px -512px !important;
}

.product-icons-32.product-icons-drds-grey
{
    background-position: -288px -1056px !important;
}

.product-icons-32.product-icons-drds
{
    background-position: -256px -1056px !important;
}

.product-icons-48.product-icons-drds-grey
{
    background-position: -144px -976px !important;
}

.product-icons-48.product-icons-drds
{
    background-position: -192px -976px !important;
}

.product-icons-64.product-icons-drds-grey
{
    background-position: -256px -512px !important;
}

.product-icons-64.product-icons-drds
{
    background-position: -320px -512px !important;
}

.product-icons-32.product-icons-dsi-grey
{
    background-position: -224px -1056px !important;
}

.product-icons-32.product-icons-dsi
{
    background-position: -128px -1056px !important;
}

.product-icons-48.product-icons-dsi-grey
{
    background-position: -720px -976px !important;
}

.product-icons-48.product-icons-dsi
{
    background-position: -768px -976px !important;
}

.product-icons-64.product-icons-dsi-grey
{
    background-position: -448px -512px !important;
}

.product-icons-64.product-icons-dsi
{
    background-position: -512px -512px !important;
}

.product-icons-32.product-icons-dts-grey
{
    background-position: -96px -1056px !important;
}

.product-icons-32.product-icons-dts
{
    background-position: -64px -1056px !important;
}

.product-icons-48.product-icons-dts-grey
{
    background-position: -1024px -288px !important;
}

.product-icons-48.product-icons-dts
{
    background-position: -1024px -336px !important;
}

.product-icons-64.product-icons-dts-grey
{
    background-position: -576px -64px !important;
}

.product-icons-64.product-icons-dts
{
    background-position: 0px 0px !important;
}

.product-icons-32.product-icons-eclipse-grey
{
    background-position: -32px -1056px !important;
}

.product-icons-32.product-icons-eclipse
{
    background-position: -1072px -992px !important;
}

.product-icons-48.product-icons-eclipse-grey
{
    background-position: -832px 0px !important;
}

.product-icons-48.product-icons-eclipse
{
    background-position: -832px -48px !important;
}

.product-icons-64.product-icons-eclipse-grey
{
    background-position: -576px -256px !important;
}

.product-icons-64.product-icons-eclipse
{
    background-position: -576px -320px !important;
}

.product-icons-32.product-icons-ecs-grey
{
    background-position: -1072px -960px !important;
}

.product-icons-32.product-icons-ecs
{
    background-position: -1072px -928px !important;
}

.product-icons-48.product-icons-ecs-grey
{
    background-position: -832px -288px !important;
}

.product-icons-48.product-icons-ecs
{
    background-position: -832px -336px !important;
}

.product-icons-64.product-icons-ecs-grey
{
    background-position: -576px -448px !important;
}

.product-icons-64.product-icons-ecs
{
    background-position: -576px -512px !important;
}

.product-icons-32.product-icons-edas-grey
{
    background-position: -1072px -896px !important;
}

.product-icons-32.product-icons-edas
{
    background-position: -1072px -800px !important;
}

.product-icons-48.product-icons-edas-grey
{
    background-position: -832px -576px !important;
}

.product-icons-48.product-icons-edas
{
    background-position: -832px -624px !important;
}

.product-icons-64.product-icons-edas-grey
{
    background-position: -64px -576px !important;
}

.product-icons-64.product-icons-edas
{
    background-position: -128px -576px !important;
}

.product-icons-32.product-icons-elp-grey
{
    background-position: -1072px -768px !important;
}

.product-icons-32.product-icons-elp
{
    background-position: -1072px -736px !important;
}

.product-icons-48.product-icons-elp-grey
{
    background-position: -48px -832px !important;
}

.product-icons-48.product-icons-elp
{
    background-position: -96px -832px !important;
}

.product-icons-64.product-icons-elp-grey
{
    background-position: -256px -576px !important;
}

.product-icons-64.product-icons-elp
{
    background-position: -320px -576px !important;
}

.product-icons-32.product-icons-emapreduce-grey
{
    background-position: -1072px -704px !important;
}

.product-icons-32.product-icons-emapreduce
{
    background-position: -1072px -608px !important;
}

.product-icons-48.product-icons-emapreduce-grey
{
    background-position: -336px -832px !important;
}

.product-icons-48.product-icons-emapreduce
{
    background-position: -384px -832px !important;
}

.product-icons-64.product-icons-emapreduce-grey
{
    background-position: -448px -576px !important;
}

.product-icons-64.product-icons-emapreduce
{
    background-position: -512px -576px !important;
}

.product-icons-32.product-icons-esn-grey
{
    background-position: -1072px -576px !important;
}

.product-icons-32.product-icons-esn
{
    background-position: -1072px -544px !important;
}

.product-icons-48.product-icons-esn-grey
{
    background-position: -624px -832px !important;
}

.product-icons-48.product-icons-esn
{
    background-position: -672px -832px !important;
}

.product-icons-64.product-icons-esn-grey
{
    background-position: -640px 0px !important;
}

.product-icons-64.product-icons-esn
{
    background-position: -640px -64px !important;
}

.product-icons-32.product-icons-ess-grey
{
    background-position: -1072px -512px !important;
}

.product-icons-32.product-icons-ess
{
    background-position: -1072px -416px !important;
}

.product-icons-48.product-icons-ess-grey
{
    background-position: -880px -48px !important;
}

.product-icons-48.product-icons-ess
{
    background-position: -880px -96px !important;
}

.product-icons-64.product-icons-ess-grey
{
    background-position: -640px -192px !important;
}

.product-icons-64.product-icons-ess
{
    background-position: -640px -256px !important;
}

.product-icons-32.product-icons-expressconnect-grey
{
    background-position: -1072px -384px !important;
}

.product-icons-32.product-icons-expressconnect
{
    background-position: -1072px -352px !important;
}

.product-icons-48.product-icons-expressconnect-grey
{
    background-position: -880px -336px !important;
}

.product-icons-48.product-icons-expressconnect
{
    background-position: -880px -384px !important;
}

.product-icons-64.product-icons-expressconnect-grey
{
    background-position: -640px -384px !important;
}

.product-icons-64.product-icons-expressconnect
{
    background-position: -640px -448px !important;
}

.product-icons-32.product-icons-havip-grey
{
    background-position: -1072px -320px !important;
}

.product-icons-32.product-icons-havip
{
    background-position: -1072px -224px !important;
}

.product-icons-48.product-icons-havip-grey
{
    background-position: -880px -624px !important;
}

.product-icons-48.product-icons-havip
{
    background-position: -880px -672px !important;
}

.product-icons-64.product-icons-havip-grey
{
    background-position: -640px -576px !important;
}

.product-icons-64.product-icons-havip
{
    background-position: 0px -640px !important;
}

.product-icons-32.product-icons-hpc-grey
{
    background-position: -1072px -192px !important;
}

.product-icons-32.product-icons-hpc
{
    background-position: -1072px -160px !important;
}

.product-icons-48.product-icons-hpc-grey
{
    background-position: -48px -880px !important;
}

.product-icons-48.product-icons-hpc
{
    background-position: -96px -880px !important;
}

.product-icons-64.product-icons-hpc-grey
{
    background-position: -128px -640px !important;
}

.product-icons-64.product-icons-hpc
{
    background-position: -192px -640px !important;
}

.product-icons-32.product-icons-hsm-grey
{
    background-position: -1072px -128px !important;
}

.product-icons-32.product-icons-hsm
{
    background-position: -1072px -32px !important;
}

.product-icons-48.product-icons-hsm-grey
{
    background-position: -336px -880px !important;
}

.product-icons-48.product-icons-hsm
{
    background-position: -384px -880px !important;
}

.product-icons-64.product-icons-hsm-grey
{
    background-position: -320px -640px !important;
}

.product-icons-64.product-icons-hsm
{
    background-position: -384px -640px !important;
}

.product-icons-32.product-icons-iot-grey
{
    background-position: -1072px 0px !important;
}

.product-icons-32.product-icons-iot
{
    background-position: -1024px -1024px !important;
}

.product-icons-48.product-icons-iot-grey
{
    background-position: -624px -880px !important;
}

.product-icons-48.product-icons-iot
{
    background-position: -672px -880px !important;
}

.product-icons-64.product-icons-iot-grey
{
    background-position: -512px -640px !important;
}

.product-icons-64.product-icons-iot
{
    background-position: -576px -640px !important;
}

.product-icons-32.product-icons-jiankong-grey
{
    background-position: -992px -1024px !important;
}

.product-icons-32.product-icons-jiankong
{
    background-position: -896px -1024px !important;
}

.product-icons-48.product-icons-jiankong-grey
{
    background-position: -928px 0px !important;
}

.product-icons-48.product-icons-jiankong
{
    background-position: -928px -48px !important;
}

.product-icons-64.product-icons-jiankong-grey
{
    background-position: -704px 0px !important;
}

.product-icons-64.product-icons-jiankong
{
    background-position: -704px -64px !important;
}

.product-icons-32.product-icons-keyongxingzhongxin-grey
{
    background-position: -864px -1024px !important;
}

.product-icons-32.product-icons-keyongxingzhongxin
{
    background-position: -832px -1024px !important;
}

.product-icons-48.product-icons-keyongxingzhongxin-grey
{
    background-position: -928px -288px !important;
}

.product-icons-48.product-icons-keyongxingzhongxin
{
    background-position: -144px -832px !important;
}

.product-icons-64.product-icons-keyongxingzhongxin-grey
{
    background-position: -704px -192px !important;
}

.product-icons-64.product-icons-keyongxingzhongxin
{
    background-position: -704px -256px !important;
}

.product-icons-32.product-icons-kms-grey
{
    background-position: -704px -1024px !important;
}

.product-icons-32.product-icons-kms
{
    background-position: -672px -1024px !important;
}

.product-icons-48.product-icons-kms-grey
{
    background-position: -928px -576px !important;
}

.product-icons-48.product-icons-kms
{
    background-position: -928px -624px !important;
}

.product-icons-64.product-icons-kms-grey
{
    background-position: -704px -448px !important;
}

.product-icons-64.product-icons-kms
{
    background-position: -704px -512px !important;
}

.product-icons-32.product-icons-kvstore-grey
{
    background-position: -640px -1024px !important;
}

.product-icons-32.product-icons-kvstore
{
    background-position: -608px -1024px !important;
}

.product-icons-48.product-icons-kvstore-grey
{
    background-position: -928px -864px !important;
}

.product-icons-48.product-icons-kvstore
{
    background-position: 0px -928px !important;
}

.product-icons-64.product-icons-kvstore-grey
{
    background-position: -704px -576px !important;
}

.product-icons-64.product-icons-kvstore
{
    background-position: -704px -640px !important;
}

.product-icons-32.product-icons-livevideo-grey
{
    background-position: -512px -1024px !important;
}

.product-icons-32.product-icons-livevideo
{
    background-position: -480px -1024px !important;
}

.product-icons-48.product-icons-livevideo-grey
{
    background-position: -240px -928px !important;
}

.product-icons-48.product-icons-livevideo
{
    background-position: -288px -928px !important;
}

.product-icons-64.product-icons-livevideo-grey
{
    background-position: -128px -704px !important;
}

.product-icons-64.product-icons-livevideo
{
    background-position: -192px -704px !important;
}

.product-icons-32.product-icons-lvwang-grey
{
    background-position: -448px -1024px !important;
}

.product-icons-32.product-icons-lvwang
{
    background-position: -416px -1024px !important;
}

.product-icons-48.product-icons-lvwang-grey
{
    background-position: -528px -928px !important;
}

.product-icons-48.product-icons-lvwang
{
    background-position: -576px -928px !important;
}

.product-icons-64.product-icons-lvwang-grey
{
    background-position: -256px -704px !important;
}

.product-icons-64.product-icons-lvwang
{
    background-position: -320px -704px !important;
}

.product-icons-32.product-icons-mac-grey
{
    background-position: -320px -1024px !important;
}

.product-icons-32.product-icons-mac
{
    background-position: -288px -1024px !important;
}

.product-icons-48.product-icons-mac-grey
{
    background-position: -816px -928px !important;
}

.product-icons-48.product-icons-mac
{
    background-position: -864px -928px !important;
}

.product-icons-64.product-icons-mac-grey
{
    background-position: -512px -704px !important;
}

.product-icons-64.product-icons-mac
{
    background-position: -576px -704px !important;
}

.product-icons-32.product-icons-man-grey
{
    background-position: -256px -1024px !important;
}

.product-icons-32.product-icons-man
{
    background-position: -224px -1024px !important;
}

.product-icons-48.product-icons-man-grey
{
    background-position: -976px -144px !important;
}

.product-icons-48.product-icons-man
{
    background-position: -976px -192px !important;
}

.product-icons-64.product-icons-man-grey
{
    background-position: -640px -704px !important;
}

.product-icons-64.product-icons-man
{
    background-position: -704px -704px !important;
}

.product-icons-32.product-icons-mns-grey
{
    background-position: -128px -1024px !important;
}

.product-icons-32.product-icons-mns
{
    background-position: -96px -1024px !important;
}

.product-icons-48.product-icons-mns-grey
{
    background-position: -976px -432px !important;
}

.product-icons-48.product-icons-mns
{
    background-position: -976px -480px !important;
}

.product-icons-64.product-icons-mns-grey
{
    background-position: -768px -128px !important;
}

.product-icons-64.product-icons-mns
{
    background-position: -768px -192px !important;
}

.product-icons-32.product-icons-mongodb-grey
{
    background-position: -64px -1024px !important;
}

.product-icons-32.product-icons-mongodb
{
    background-position: -32px -1024px !important;
}

.product-icons-48.product-icons-mongodb-grey
{
    background-position: -976px -720px !important;
}

.product-icons-48.product-icons-mongodb
{
    background-position: -976px -768px !important;
}

.product-icons-64.product-icons-mongodb-grey
{
    background-position: -768px -256px !important;
}

.product-icons-64.product-icons-mongodb
{
    background-position: -768px -320px !important;
}

.product-icons-32.product-icons-mqs-grey
{
    background-position: -1024px -960px !important;
}

.product-icons-32.product-icons-mqs
{
    background-position: -1024px -928px !important;
}

.product-icons-48.product-icons-mqs-grey
{
    background-position: -48px -976px !important;
}

.product-icons-48.product-icons-mqs
{
    background-position: -96px -976px !important;
}

.product-icons-64.product-icons-mqs-grey
{
    background-position: -768px -512px !important;
}

.product-icons-64.product-icons-mqs
{
    background-position: -768px -576px !important;
}

.product-icons-32.product-icons-mss-grey
{
    background-position: -1024px -896px !important;
}

.product-icons-32.product-icons-mss
{
    background-position: -1024px -864px !important;
}

.product-icons-48.product-icons-mss-grey
{
    background-position: -336px -976px !important;
}

.product-icons-48.product-icons-mss
{
    background-position: -384px -976px !important;
}

.product-icons-64.product-icons-mss-grey
{
    background-position: -768px -640px !important;
}

.product-icons-64.product-icons-mss
{
    background-position: -768px -704px !important;
}

.product-icons-32.product-icons-mts-grey
{
    background-position: -1024px -768px !important;
}

.product-icons-32.product-icons-mts
{
    background-position: -1024px -736px !important;
}

.product-icons-48.product-icons-mts-grey
{
    background-position: -624px -976px !important;
}

.product-icons-48.product-icons-mts
{
    background-position: -672px -976px !important;
}

.product-icons-64.product-icons-mts-grey
{
    background-position: -128px -768px !important;
}

.product-icons-64.product-icons-mts
{
    background-position: -192px -768px !important;
}

.product-icons-32.product-icons-nas-grey
{
    background-position: -1024px -704px !important;
}

.product-icons-32.product-icons-nas
{
    background-position: -1024px -672px !important;
}

.product-icons-48.product-icons-nas-grey
{
    background-position: -912px -976px !important;
}

.product-icons-48.product-icons-nas
{
    background-position: -960px -976px !important;
}

.product-icons-64.product-icons-nas-grey
{
    background-position: -256px -768px !important;
}

.product-icons-64.product-icons-nas
{
    background-position: -320px -768px !important;
}

.product-icons-32.product-icons-oas-grey
{
    background-position: -1024px -576px !important;
}

.product-icons-32.product-icons-oas
{
    background-position: -1024px -544px !important;
}

.product-icons-48.product-icons-oas-grey
{
    background-position: -1024px -192px !important;
}

.product-icons-48.product-icons-oas
{
    background-position: -1024px -240px !important;
}

.product-icons-64.product-icons-oas-grey
{
    background-position: -512px -768px !important;
}

.product-icons-64.product-icons-oas
{
    background-position: -576px -768px !important;
}

.product-icons-32.product-icons-oceanbase-grey
{
    background-position: 0px -1056px !important;
}

.product-icons-32.product-icons-oceanbase
{
    background-position: -1024px -512px !important;
}

.product-icons-48.product-icons-oceanbase-grey
{
    background-position: -1024px -432px !important;
}

.product-icons-48.product-icons-oceanbase
{
    background-position: -1024px -384px !important;
}

.product-icons-64.product-icons-oceanbase-grey
{
    background-position: -448px -768px !important;
}

.product-icons-64.product-icons-oceanbase
{
    background-position: -384px -768px !important;
}

.product-icons-32.product-icons-ocs-grey
{
    background-position: -1024px -608px !important;
}

.product-icons-32.product-icons-ocs
{
    background-position: -1024px -640px !important;
}

.product-icons-48.product-icons-ocs-grey
{
    background-position: -864px -976px !important;
}

.product-icons-48.product-icons-ocs
{
    background-position: -816px -976px !important;
}

.product-icons-64.product-icons-ocs-grey
{
    background-position: -64px -768px !important;
}

.product-icons-64.product-icons-ocs
{
    background-position: 0px -768px !important;
}

.product-icons-32.product-icons-odps-grey
{
    background-position: -1024px -800px !important;
}

.product-icons-32.product-icons-odps
{
    background-position: -1024px -832px !important;
}

.product-icons-48.product-icons-odps-grey
{
    background-position: -288px -976px !important;
}

.product-icons-48.product-icons-odps
{
    background-position: -240px -976px !important;
}

.product-icons-64.product-icons-odps-grey
{
    background-position: -768px -448px !important;
}

.product-icons-64.product-icons-odps
{
    background-position: -768px -384px !important;
}

.product-icons-32.product-icons-ons-grey
{
    background-position: -1024px -992px !important;
}

.product-icons-32.product-icons-ons
{
    background-position: 0px -1024px !important;
}

.product-icons-48.product-icons-ons-grey
{
    background-position: -976px -672px !important;
}

.product-icons-48.product-icons-ons
{
    background-position: -976px -624px !important;
}

.product-icons-64.product-icons-ons-grey
{
    background-position: -768px -64px !important;
}

.product-icons-64.product-icons-ons
{
    background-position: -768px 0px !important;
}

.product-icons-32.product-icons-opensearch-grey
{
    background-position: -160px -1024px !important;
}

.product-icons-32.product-icons-opensearch
{
    background-position: -192px -1024px !important;
}

.product-icons-48.product-icons-opensearch-grey
{
    background-position: -976px -96px !important;
}

.product-icons-48.product-icons-opensearch
{
    background-position: -976px -48px !important;
}

.product-icons-64.product-icons-opensearch-grey
{
    background-position: -448px -704px !important;
}

.product-icons-64.product-icons-opensearch
{
    background-position: -384px -704px !important;
}

.product-icons-32.product-icons-oss-grey
{
    background-position: -352px -1024px !important;
}

.product-icons-32.product-icons-oss
{
    background-position: -384px -1024px !important;
}

.product-icons-48.product-icons-oss-grey
{
    background-position: -480px -928px !important;
}

.product-icons-48.product-icons-oss
{
    background-position: -432px -928px !important;
}

.product-icons-64.product-icons-oss-grey
{
    background-position: -64px -704px !important;
}

.product-icons-64.product-icons-oss
{
    background-position: 0px -704px !important;
}

.product-icons-32.product-icons-ots-grey
{
    background-position: -544px -1024px !important;
}

.product-icons-32.product-icons-ots
{
    background-position: -576px -1024px !important;
}

.product-icons-48.product-icons-ots-grey
{
    background-position: -928px -816px !important;
}

.product-icons-48.product-icons-ots
{
    background-position: -928px -768px !important;
}

.product-icons-64.product-icons-ots-grey
{
    background-position: -704px -384px !important;
}

.product-icons-64.product-icons-ots
{
    background-position: -704px -320px !important;
}

.product-icons-32.product-icons-petadata-grey
{
    background-position: -736px -1024px !important;
}

.product-icons-32.product-icons-petadata
{
    background-position: -768px -1024px !important;
}

.product-icons-48.product-icons-petadata-grey
{
    background-position: -928px -336px !important;
}

.product-icons-48.product-icons-petadata
{
    background-position: -928px -240px !important;
}

.product-icons-64.product-icons-petadata-grey
{
    background-position: -704px -128px !important;
}

.product-icons-64.product-icons-petadata
{
    background-position: -640px -640px !important;
}

.product-icons-32.product-icons-pts-grey
{
    background-position: -928px -1024px !important;
}

.product-icons-32.product-icons-pts
{
    background-position: -960px -1024px !important;
}

.product-icons-48.product-icons-pts-grey
{
    background-position: -816px -880px !important;
}

.product-icons-48.product-icons-pts
{
    background-position: -576px -880px !important;
}

.product-icons-64.product-icons-pts-grey
{
    background-position: -448px -640px !important;
}

.product-icons-64.product-icons-pts
{
    background-position: -256px -640px !important;
}

.product-icons-32.product-icons-ram-grey
{
    background-position: -1072px -64px !important;
}

.product-icons-32.product-icons-ram
{
    background-position: -1072px -96px !important;
}

.product-icons-48.product-icons-ram-grey
{
    background-position: -240px -880px !important;
}

.product-icons-48.product-icons-ram
{
    background-position: 0px -880px !important;
}

.product-icons-64.product-icons-ram-grey
{
    background-position: -64px -640px !important;
}

.product-icons-64.product-icons-ram
{
    background-position: -640px -512px !important;
}

.product-icons-32.product-icons-rds-grey
{
    background-position: -1072px -256px !important;
}

.product-icons-32.product-icons-rds
{
    background-position: -1072px -288px !important;
}

.product-icons-48.product-icons-rds-grey
{
    background-position: -880px -528px !important;
}

.product-icons-48.product-icons-rds
{
    background-position: -880px -288px !important;
}

.product-icons-64.product-icons-rds-grey
{
    background-position: -640px -320px !important;
}

.product-icons-64.product-icons-rds
{
    background-position: -640px -128px !important;
}

.product-icons-32.product-icons-ros-grey
{
    background-position: -1072px -448px !important;
}

.product-icons-32.product-icons-ros
{
    background-position: -1072px -480px !important;
}

.product-icons-48.product-icons-ros-grey
{
    background-position: -816px -832px !important;
}

.product-icons-48.product-icons-ros
{
    background-position: -576px -832px !important;
}

.product-icons-64.product-icons-ros-grey
{
    background-position: -576px -576px !important;
}

.product-icons-64.product-icons-ros
{
    background-position: -384px -576px !important;
}

.product-icons-32.product-icons-sas-grey
{
    background-position: -1072px -640px !important;
}

.product-icons-32.product-icons-sas
{
    background-position: -1072px -672px !important;
}

.product-icons-48.product-icons-sas-grey
{
    background-position: -240px -832px !important;
}

.product-icons-48.product-icons-sas
{
    background-position: 0px -832px !important;
}

.product-icons-64.product-icons-sas-grey
{
    background-position: -192px -576px !important;
}

.product-icons-64.product-icons-sas
{
    background-position: 0px -576px !important;
}

.product-icons-32.product-icons-scan-grey
{
    background-position: -1072px -832px !important;
}

.product-icons-32.product-icons-scan
{
    background-position: -1072px -864px !important;
}

.product-icons-48.product-icons-scan-grey
{
    background-position: -832px -480px !important;
}

.product-icons-48.product-icons-scan
{
    background-position: -832px -240px !important;
}

.product-icons-64.product-icons-scan-grey
{
    background-position: -576px -384px !important;
}

.product-icons-64.product-icons-scan
{
    background-position: -576px -192px !important;
}

.product-icons-32.product-icons-slb-grey
{
    background-position: -1072px -1024px !important;
}

.product-icons-32.product-icons-slb
{
    background-position: -1024px -480px !important;
}

.product-icons-48.product-icons-slb-grey
{
    background-position: -736px -768px !important;
}

.product-icons-48.product-icons-slb
{
    background-position: -1024px -144px !important;
}

.product-icons-64.product-icons-slb-grey
{
    background-position: -576px 0px !important;
}

.product-icons-64.product-icons-slb
{
    background-position: -384px -512px !important;
}

.product-icons-32.product-icons-slm-grey
{
    background-position: -160px -1056px !important;
}

.product-icons-32.product-icons-slm
{
    background-position: -192px -1056px !important;
}

.product-icons-48.product-icons-slm-grey
{
    background-position: -528px -976px !important;
}

.product-icons-48.product-icons-slm
{
    background-position: 0px -976px !important;
}

.product-icons-64.product-icons-slm-grey
{
    background-position: -192px -512px !important;
}

.product-icons-64.product-icons-slm
{
    background-position: 0px -512px !important;
}

.product-icons-32.product-icons-sls-grey
{
    background-position: -352px -1056px !important;
}

.product-icons-32.product-icons-sls
{
    background-position: -384px -1056px !important;
}

.product-icons-48.product-icons-sls-grey
{
    background-position: -976px -336px !important;
}

.product-icons-48.product-icons-sls
{
    background-position: -768px -928px !important;
}

.product-icons-64.product-icons-sls-grey
{
    background-position: -512px -320px !important;
}

.product-icons-64.product-icons-sls
{
    background-position: -512px -128px !important;
}

.product-icons-32.product-icons-sos-grey
{
    background-position: -544px -1056px !important;
}

.product-icons-32.product-icons-sos
{
    background-position: -576px -1056px !important;
}

.product-icons-48.product-icons-sos-grey
{
    background-position: -144px -928px !important;
}

.product-icons-48.product-icons-sos
{
    background-position: -928px -528px !important;
}

.product-icons-64.product-icons-sos-grey
{
    background-position: -448px -448px !important;
}

.product-icons-64.product-icons-sos
{
    background-position: -256px -448px !important;
}

.product-icons-32.product-icons-toolsimage-grey
{
    background-position: -736px -1056px !important;
}

.product-icons-32.product-icons-toolsimage
{
    background-position: -768px -1056px !important;
}

.product-icons-48.product-icons-toolsimage-grey
{
    background-position: -864px -880px !important;
}

.product-icons-48.product-icons-toolsimage
{
    background-position: -432px -880px !important;
}

.product-icons-64.product-icons-toolsimage-grey
{
    background-position: -64px -448px !important;
}

.product-icons-64.product-icons-toolsimage
{
    background-position: -448px -320px !important;
}

.product-icons-32.product-icons-vipaegis-grey
{
    background-position: -928px -1056px !important;
}

.product-icons-32.product-icons-vipaegis
{
    background-position: -960px -1056px !important;
}

.product-icons-48.product-icons-vipaegis-grey
{
    background-position: -880px -576px !important;
}

.product-icons-48.product-icons-vipaegis
{
    background-position: -880px -144px !important;
}

.product-icons-64.product-icons-vipaegis-grey
{
    background-position: -448px -128px !important;
}

.product-icons-64.product-icons-vipaegis
{
    background-position: -384px -384px !important;
}

.product-icons-32.product-icons-visualstudio-grey
{
    background-position: -1104px -32px !important;
}

.product-icons-32.product-icons-visualstudio
{
    background-position: -1104px -64px !important;
}

.product-icons-48.product-icons-visualstudio-grey
{
    background-position: -288px -832px !important;
}

.product-icons-48.product-icons-visualstudio
{
    background-position: -832px -672px !important;
}

.product-icons-64.product-icons-visualstudio-grey
{
    background-position: -192px -384px !important;
}

.product-icons-64.product-icons-visualstudio
{
    background-position: 0px -384px !important;
}

.product-icons-32.product-icons-vod-grey
{
    background-position: -1104px -224px !important;
}

.product-icons-32.product-icons-vod
{
    background-position: -1104px -256px !important;
}

.product-icons-48.product-icons-vod-grey
{
    background-position: -784px -768px !important;
}

.product-icons-48.product-icons-vod
{
    background-position: -1024px 0px !important;
}

.product-icons-64.product-icons-vod-grey
{
    background-position: -384px -192px !important;
}

.product-icons-64.product-icons-vod
{
    background-position: -384px 0px !important;
}

.product-icons-32.product-icons-vpc-grey
{
    background-position: -1104px -416px !important;
}

.product-icons-32.product-icons-vpc
{
    background-position: -1104px -448px !important;
}

.product-icons-48.product-icons-vpc-grey
{
    background-position: -976px -384px !important;
}

.product-icons-48.product-icons-vpc
{
    background-position: -624px -928px !important;
}

.product-icons-64.product-icons-vpc-grey
{
    background-position: -192px -320px !important;
}

.product-icons-64.product-icons-vpc
{
    background-position: 0px -320px !important;
}

.product-icons-32.product-icons-waf-grey
{
    background-position: -1104px -608px !important;
}

.product-icons-32.product-icons-waf
{
    background-position: -1104px -640px !important;
}

.product-icons-48.product-icons-waf-grey
{
    background-position: -928px -96px !important;
}

.product-icons-48.product-icons-waf
{
    background-position: -144px -880px !important;
}

.product-icons-64.product-icons-waf-grey
{
    background-position: -320px -128px !important;
}

.product-icons-64.product-icons-waf
{
    background-position: -256px -256px !important;
}

.product-icons-32.product-icons-xianzhi-grey
{
    background-position: -1104px -800px !important;
}

.product-icons-32.product-icons-xianzhi
{
    background-position: -1104px -832px !important;
}

.product-icons-48.product-icons-xianzhi-grey
{
    background-position: -432px -832px !important;
}

.product-icons-48.product-icons-xianzhi
{
    background-position: -832px -384px !important;
}

.product-icons-64.product-icons-xianzhi-grey
{
    background-position: -64px -256px !important;
}

.product-icons-64.product-icons-xianzhi
{
    background-position: -256px -128px !important;
}

.product-icons-32.product-icons-ysf-grey
{
    background-position: -1104px -992px !important;
}

.product-icons-32.product-icons-ysf
{
    background-position: -1104px -1024px !important;
}

.product-icons-48.product-icons-ysf-grey
{
    background-position: -976px -816px !important;
}

.product-icons-48.product-icons-ysf
{
    background-position: -48px -928px !important;
}

.product-icons-64.product-icons-ysf-grey
{
    background-position: -192px -192px !important;
}

.product-icons-64.product-icons-ysf
{
    background-position: 0px -192px !important;
}

.product-icons-32.product-icons-yundun-grey
{
    background-position: -96px -1088px !important;
}

.product-icons-32.product-icons-yundun
{
    background-position: -128px -1088px !important;
}

.product-icons-48.product-icons-yundun-grey
{
    background-position: -720px -832px !important;
}

.product-icons-48.product-icons-yundun
{
    background-position: -640px -768px !important;
}

.product-icons-64.product-icons-yundun-grey
{
    background-position: -192px 0px !important;
}

.product-icons-64.product-icons-yundun
{
    background-position: 0px -128px !important;
}

.product-icons-32.product-icons-yunjiankong-grey
{
    background-position: -288px -1088px !important;
}

.product-icons-32.product-icons-yunjiankong
{
    background-position: -320px -1088px !important;
}

.product-icons-48.product-icons-yunjiankong-grey
{
    background-position: -880px -432px !important;
}

.product-icons-48.product-icons-yunjiankong
{
    background-position: -976px -240px !important;
}

.product-icons-64.product-icons-yunjiankong-grey
{
    background-position: -64px -64px !important;
}

.product-icons-64.product-icons-yunjiankong
{
    background-position: -64px 0px !important;
}

.console-search
{
    box-sizing: border-box;
    float: left;
    margin-right: 1px;
    position: relative;
    z-index: 11;
}

    .console-search *
    {
        box-sizing: border-box;
    }

    .console-search .console-search-ask
    {
        position: relative;
    }

        .console-search .console-search-ask .console-search-ask-input
        {
            width: 200px;
            height: 40px;
            background: #2a2e31;
            border: 0;
            padding: 12px 30px 12px 10px;
            display: inline-block;
            color: #999;
            -webkit-border-radius: 1px 1px;
            -moz-border-radius: 1px / 1px;
            border-radius: 1px / 1px;
            -o-transition: all 0.3s, 0.3s;
            -ms-transition: all 0.3s, 0.3s;
            -moz-transition: all 0.3s, 0.3s;
            -webkit-transition: all 0.3s, 0.3s;
        }

            .console-search .console-search-ask .console-search-ask-input:focus
            {
                outline: none;
            }

        .console-search .console-search-ask .console-search-mark
        {
            font-size: 16px;
            line-height: 30px;
            position: absolute;
            height: 100%;
            width: 40px;
            color: #eee;
            padding: 5px;
            text-decoration: none;
            display: block;
        }

        .console-search .console-search-ask .console-search-questionmark
        {
            right: 0;
            top: 0;
        }

    .console-search .console-search-ask-active .console-search-ask-input
    {
        width: 320px;
        height: 40px;
        background: #f2f2f2;
        border: 0;
        color: #000;
    }

    .console-search .console-search-ask-active .console-search-questionmark
    {
        color: #0099cc;
    }

    .console-search .console-search-answer
    {
        width: 402px;
        margin-top: 2px;
        left: -1px;
        border: 1px solid #d4d4d4;
        border-top: none;
        background: #fff;
        position: absolute;
        -webkit-border-radius: 2px 2px;
        -moz-border-radius: 2px / 2px;
        border-radius: 2px / 2px;
        text-shadow: 1px;
    }

        .console-search .console-search-answer .console-search-answer-head
        {
            background: #f8f8f8;
            border-bottom: 1px solid #eee;
            height: 42px;
        }

            .console-search .console-search-answer .console-search-answer-head ul
            {
                list-style: none;
                margin: 0;
                padding: 0 24px;
            }

                .console-search .console-search-answer .console-search-answer-head ul li
                {
                    float: left;
                    margin-right: 14px;
                    height: 42px;
                    line-height: 42px;
                }

                    .console-search .console-search-answer .console-search-answer-head ul li a
                    {
                        display: block;
                        width: 100%;
                        height: 100%;
                        color: #666;
                        text-decoration: none;
                    }

                        .console-search .console-search-answer .console-search-answer-head ul li a:hover
                        {
                            color: #ff6500;
                            border-bottom: 2px solid #ff6500;
                        }

                    .console-search .console-search-answer .console-search-answer-head ul li.console-search-tab-active a
                    {
                        color: #ff6500;
                        border-bottom: 2px solid #ff6500;
                    }

        .console-search .console-search-answer .console-search-answer-body
        {
            padding: 0 24px;
        }

            .console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item
            {
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #eee;
            }

                .console-search .console-search-answer .console-search-answer-body .console-search-answer-list .console-search-answer-item a
                {
                    color: #00a2ca;
                }

            .console-search .console-search-answer .console-search-answer-body .console-search-answer-more
            {
                height: 40px;
                line-height: 40px;
                text-align: right;
            }

                .console-search .console-search-answer .console-search-answer-body .console-search-answer-more a
                {
                    color: #00a2ca;
                }

.selector
{
    width: 100%;
    height: 140px;
    border: 1px solid #999;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
}

    .selector .selector-list
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .selector .selector-list .selector-item
        {
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            border-bottom: 1px solid #DDD;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-indent: 8px;
        }

            .selector .selector-list .selector-item:hover
            {
                color: #06C;
                background-color: #FAFCFF;
                cursor: pointer;
            }

            .selector .selector-list .selector-item.active
            {
                background-color: #37C;
                color: #FFF;
            }

            .selector .selector-list .selector-item.disabled
            {
                color: #AAA;
                cursor: not-allowed;
                background-color: #FAFAFA;
            }

    .selector .selector-msg
    {
        text-align: center;
        color: #999;
        height: 32px;
        line-height: 32px;
    }

    .selector.selector-status-error .selector-msg
    {
        cursor: pointer;
    }

    .selector.selector-status-hasmore .selector-msg
    {
        cursor: pointer;
    }

.list-selector .selector-box
{
    width: 45%;
    float: left;
}

    .list-selector .selector-box .inner-wrap
    {
        border: 1px solid #bbb;
        height: 200px;
        overflow: hidden;
    }

        .list-selector .selector-box .inner-wrap .inner-head
        {
            border: 1px solid #eee;
            margin: 6px;
            position: relative;
        }

            .list-selector .selector-box .inner-wrap .inner-head input
            {
                border: 0;
                width: 90%;
            }

                .list-selector .selector-box .inner-wrap .inner-head input:focus
                {
                    outline: 0;
                }

            .list-selector .selector-box .inner-wrap .inner-head .search
            {
                width: 20px;
                height: 20px;
                line-height: 20px;
                padding: 0 6px;
                cursor: pointer;
                position: absolute;
                right: 0;
                top: 0;
            }

        .list-selector .selector-box .inner-wrap .inner-body
        {
            height: 160px;
            overflow-y: auto;
            overflow-x: hidden;
            border: 0;
        }

        .list-selector .selector-box .inner-wrap .inner-body2
        {
            height: 200px;
            overflow-y: auto;
            overflow-x: hidden;
            border: 0;
        }

.list-selector .selector-mid
{
    width: 10%;
    text-align: center;
    float: left;
}

    .list-selector .selector-mid .mid-box
    {
        margin: 10px auto;
        height: 40px;
        width: 40px;
        font-weight: bold;
        border: 1px solid #bbb;
        background: #f7f7f7;
        display: block;
        cursor: pointer;
    }

    .list-selector .selector-mid .mid-margin
    {
        margin-top: 80px;
        margin-bottom: 10px;
    }

.aliyun-console-table-search-list
{
    min-width: 100px;
}

.console-global-notice
{
    position: relative;
    margin-top: -1px;
    z-index: 1;
}

    .console-global-notice .console-global-notice-nav
    {
        position: absolute;
        top: 13px;
        left: 25px;
        z-index: 2;
    }

        .console-global-notice .console-global-notice-nav span
        {
            width: 12px;
            height: 12px;
            display: block;
            float: left;
            background: #e8e8e8;
            border-radius: 12px;
            margin-right: 3px;
            cursor: pointer;
        }

            .console-global-notice .console-global-notice-nav span.active
            {
                background: #999999;
            }

    .console-global-notice .console-global-notice-list
    {
        height: 50px;
        position: relative;
    }

        .console-global-notice .console-global-notice-list .console-global-notice-item
        {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            padding: 10px 12px;
            border-radius: 2px;
            margin-bottom: 0px;
            text-align: left;
        }

            .console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-nomore
            {
                position: absolute;
                top: 8px;
                right: 12px;
            }

            .console-global-notice .console-global-notice-list .console-global-notice-item .console-global-notice-content
            {
                padding-right: 80px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

.console-clip-copy
{
    background: rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000);
    position: absolute;
    color: #fff;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    padding: 0px 12px 0px 30px;
}

    .console-clip-copy .rectangle1, .console-clip-copy .rectangle2
    {
        position: absolute;
        top: 8px;
        left: 13px;
        border: 1px solid #fff;
        width: 10px;
        height: 12px;
        background: #404040;
        z-index: 2;
    }

    .console-clip-copy .rectangle2
    {
        left: 15px;
        z-index: 1;
        top: 5px;
    }

.console-clip-copyed
{
    padding-left: 12px;
}

    .console-clip-copyed .rectangle1, .console-clip-copyed .rectangle2
    {
        display: none;
    }

.console-aside-wrap
{
    position: fixed;
    z-index: 105;
}

    .console-aside-wrap .console-aside
    {
        position: absolute;
        display: none;
    }

        .console-aside-wrap .console-aside.console-aside-transform
        {
            -o-transition: all 0.3s, 0.3s;
            -ms-transition: all 0.3s, 0.3s;
            -moz-transition: all 0.3s, 0.3s;
            -webkit-transition: all 0.3s, 0.3s;
        }

    .console-aside-wrap.top
    {
        top: 0;
        width: 100%;
    }

        .console-aside-wrap.top .console-aside
        {
            top: 0;
            width: 100%;
        }

    .console-aside-wrap.right
    {
        right: 0;
        height: 100%;
        top: 0;
    }

        .console-aside-wrap.right .console-aside
        {
            right: 0;
            height: 100%;
        }

    .console-aside-wrap.left
    {
        left: 0;
        height: 100%;
        top: 0;
    }

        .console-aside-wrap.left .console-aside
        {
            left: 0;
            height: 100%;
        }

    .console-aside-wrap.bottom
    {
        bottom: 0;
        width: 100%;
    }

        .console-aside-wrap.bottom .console-aside
        {
            bottom: 0;
            width: 100%;
        }

.table-default-viewer
{
    width: 100%;
    background-color: #FFF;
}

    .table-default-viewer td
    {
        padding: 11px 20px;
        border: 1px solid #eeeeee;
    }

    .table-default-viewer.off
    {
        display: none;
    }

.table-viewer-topbar-content
{
    padding: 0px;
    margin: 0px;
    margin-right: 8px;
}

.table-viewer-header
{
    margin-top: 10px;
    margin-bottom: -1px;
    height: 40px;
    background: #F5f6FA;
    line-height: 38px;
    border: 1px solid #e1e6eb;
    position: relative;
    border-left: 4px solid #6d7781;
}

    .table-viewer-header .table-viewer-topbar-title
    {
        font-size: 14px;
        color: #333333;
        display: inline-block;
        margin-left: 16px;
    }

    .table-viewer-header .table-viewer-topbar-content
    {
        margin-right: 60px;
    }

    .table-viewer-header .toggle-drop-down-icon
    {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        position: absolute;
        width: 40px;
        height: 39px;
        right: 0;
        top: 0;
        border-left: 1px solid #e1e6eb;
    }

    .table-viewer-header .table-viewer-dropdown
    {
        display: inline-block;
        margin: 10px;
        font-size: 20px;
    }

.simple-chart
{
    height: 100%;
    border: 1px solid #ccd6e0;
    position: relative;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

    .simple-chart .simple-chart-head
    {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10px;
        background: #f8f9fb;
    }

    .simple-chart .simple-chart-head-title
    {
        float: left;
    }

    .simple-chart .simple-chart-operations
    {
        float: right;
    }

        .simple-chart .simple-chart-operations .simple-chart-btn
        {
            display: inline-block;
            border-left: 1px solid #e1e6eb;
            width: 40px;
            text-align: center;
            cursor: pointer;
        }

            .simple-chart .simple-chart-operations .simple-chart-btn span
            {
                font-size: 14px;
                font-weight: bold;
                vertical-align: text-bottom;
            }

    .simple-chart .simple-chart-body
    {
        border-top: 1px solid #ccd6e0;
        padding: 0px 2px 2px 0px;
    }

        .simple-chart .simple-chart-body .highcharts-container
        {
            float: left;
        }

    .simple-chart .simple-chart-body-inner
    {
        height: 100%;
    }

    .simple-chart .simple-chart-annulus-center
    {
        position: absolute;
        text-align: center;
    }

        .simple-chart .simple-chart-annulus-center .simple-chart-annulus-number
        {
            color: #0099cc;
            font-size: 32px;
        }

    .simple-chart.simple-chart-nowrap
    {
        border: none;
        -webkit-box-shadow: 0px 0px 0px;
        -moz-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }

        .simple-chart.simple-chart-nowrap .simple-chart-head
        {
            display: none;
        }

        .simple-chart.simple-chart-nowrap .simple-chart-body
        {
            border: none;
            height: 100% !important;
        }

.console-middle-page
{
    margin-top: 80px;
}

    .console-middle-page .console-middle-page-icon
    {
        text-align: right;
    }

    .console-middle-page .console-middle-page-title
    {
        font-size: 20px;
        margin: 0;
        line-height: 48px;
    }

    .console-middle-page .console-middle-page-text
    {
        font-size: 12px;
        color: #666;
    }

    .console-middle-page .console-middle-page-link
    {
        border-top: 1px solid #EEE;
        margin-top: 16px;
        padding-top: 16px;
    }

        .console-middle-page .console-middle-page-link > a
        {
            padding-right: 14px;
        }

.console-rank-select
{
    height: 32px;
    padding: 8px 0px;
    overflow: hidden;
}

    .console-rank-select .rank-item
    {
        width: 20px;
        height: 16px;
        line-height: 16px;
        overflow: hidden;
        display: block;
        float: left;
        font-size: 16px;
        color: #CCC;
        cursor: pointer;
        zoom: 1;
    }

    .console-rank-select .rank-active
    {
        color: #09C;
    }

    .console-rank-select .rank-hover
    {
        color: #3CF;
    }

.simple-loading
{
    position: relative;
}

    .simple-loading .simple-loading-inner
    {
        margin-left: auto;
        margin-right: auto;
    }

.simple-loading-1:before, .simple-loading-1:after, .simple-loading-1
{
    border-radius: 50%;
    width: 14px;
    height: 14px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: simple-loading-1 1.8s infinite ease-in-out;
    animation: simple-loading-1 1.8s infinite ease-in-out;
}

.simple-loading-1
{
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
}

    .simple-loading-1:before
    {
        left: -30px;
    }

    .simple-loading-1:after
    {
        left: 30px;
        -webkit-animation-delay: 0.32s;
        animation-delay: 0.32s;
    }

    .simple-loading-1:before, .simple-loading-1:after
    {
        content: '';
        position: absolute;
        top: 0;
    }

@-webkit-keyframes simple-loading-1
{
    0%,80%,100%
    {
        box-shadow: 0 2.5em 0 -1.3em #ddd;
    }

    40%
    {
        box-shadow: 0 2.5em 0 0 #ddd;
    }
}

@keyframes simple-loading-1
{
    0%,80%,100%
    {
        box-shadow: 0 2.5em 0 -1.3em #ddd;
    }

    40%
    {
        box-shadow: 0 2.5em 0 0 #ddd;
    }
}

.feedback-container
{
    position: fixed;
    right: 0px;
    bottom: 100px;
    font-family: 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, 宋体;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    z-index: 100;
}

    .feedback-container:hover .feedback-trigger .feedback-trigger-text, .feedback-container.active .feedback-trigger .feedback-trigger-text
    {
        width: 56px;
        padding: 0 0px 0 4px;
    }

    .feedback-container h1, .feedback-container h2, .feedback-container textarea, .feedback-container input
    {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .feedback-container .feedback
    {
        position: absolute;
        width: 396px;
        background: rgba(0,162,202,0.5);
        padding: 3px;
        right: 81px;
        bottom: 0;
    }

        .feedback-container .feedback .feedback-panel
        {
            width: 390px;
            background: #fff;
            padding: 20px;
        }

        .feedback-container .feedback .feedback-title
        {
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
            margin-bottom: 15px;
        }

            .feedback-container .feedback .feedback-title h1
            {
                color: #000;
                font-size: 16px;
                display: inline-block;
            }

                .feedback-container .feedback .feedback-title h1 i
                {
                    cursor: pointer;
                    margin-top: 6px;
                    float: right;
                }

        .feedback-container .feedback .feedback-content
        {
            position: relative;
            margin-bottom: 15px;
        }

            .feedback-container .feedback .feedback-content h2
            {
                font-size: 14px;
                margin-bottom: 5px;
            }

            .feedback-container .feedback .feedback-content .must
            {
                position: absolute;
                left: -10px;
                top: 3px;
                color: red;
            }

        .feedback-container .feedback textarea, .feedback-container .feedback input
        {
            font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
        }

        .feedback-container .feedback .feedback-content textarea
        {
            resize: none;
            height: 106px;
            width: 100%;
            padding: 9px 10px;
            margin: 6px 1px 1px 0;
            border: solid 1px #e8e8e8;
            border-radius: 4px;
            line-height: 16px;
            color: #333;
            font-size: 12px;
            outline: 0;
        }

        .feedback-container .feedback .feedback-content .feedback-content-count
        {
            color: #666;
            margin-top: 5px;
        }

        .feedback-container .feedback .feedback-contact
        {
            margin-bottom: 25px;
            position: relative;
        }

            .feedback-container .feedback .feedback-contact h2
            {
                font-size: 14px;
                margin-bottom: 5px;
            }

            .feedback-container .feedback .feedback-contact input
            {
                height: 36px;
                margin-bottom: 20px;
                resize: none;
                width: 100%;
                padding: 9px 10px;
                margin: 6px 1px 1px 0;
                border: solid 1px #e8e8e8;
                line-height: 16px;
                color: #333;
                font-size: 12px;
                outline: 0;
                background: #fff;
                border-radius: 4px;
                text-decoration: none;
                vertical-align: middle;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }

                .feedback-container .feedback .feedback-contact input:focus
                {
                    background: #e9fbfe;
                    border: solid 1px #e8e8e8;
                }

            .feedback-container .feedback .feedback-contact .inputError
            {
                position: absolute;
                bottom: -22px;
                left: 2px;
                color: red;
            }

        .feedback-container .feedback .submit-btn
        {
            padding: 0;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            display: inline-block;
            min-width: 78px;
            background: #00a2ca;
            color: #fff;
            text-align: center;
            outline: none;
            border-radius: 0;
            text-decoration: none;
            cursor: pointer;
        }

            .feedback-container .feedback .submit-btn:hover
            {
                background: #33b5d4;
                border-color: #33b5d4;
                text-decoration: none;
            }

        .feedback-container .feedback .feedback-footer
        {
            text-align: center;
            padding: 5px 0;
        }

        .feedback-container .feedback .submit-btn.disabled
        {
            background: #efefef;
            border-color: #efefef;
            color: #ccc;
            cursor: default;
        }

.feedback .thanks
{
    font-size: 16px;
    margin-left: 15px;
    color: #000;
    position: relative;
    top: -9px;
}

.feedback .feedback-close
{
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 18px;
}

.feedback .feedback-check
{
    font-size: 30px;
    color: #65ce00;
}

.feedback-container .feedback-trigger
{
    display: inline-block;
    background-color: #3d5061;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 4px 1px 1px;
}

    .feedback-container .feedback-trigger .feedback-trigger-text
    {
        padding: 0;
        display: inline-block;
        height: 16px;
        overflow: hidden;
        width: 0;
        -moz-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    .feedback-container .feedback-trigger .feedback-trigger-icon
    {
        padding: 0;
        display: inline-block;
        font-size: 15px;
    }

.console-guide-dialog .modal-dialog
{
    width: 840px;
}

.console-guide-dialog .modal-body
{
    margin-bottom: 15px;
}

.console-guide-dialog .carousel-control
{
    display: none;
}

.console-guide-dialog .carousel-indicators
{
    bottom: -40px !important;
}

    .console-guide-dialog .carousel-indicators li
    {
        background: #e8e8e8;
        width: 16px;
        height: 16px;
        border-radius: 12px;
        margin: 0 0 0 2px;
    }

        .console-guide-dialog .carousel-indicators li.active
        {
            background: #09c;
            width: 16px;
            height: 16px;
            border-radius: 12px;
            margin: 0 0 0 2px;
        }

.console-guide-dialog .console-guide-dialog-link
{
    position: absolute;
    z-index: 100;
    bottom: 20px;
    right: 20px;
}

.console-tag-select
{
    position: absolute;
    width: 320px;
}

    .console-tag-select ul
    {
        list-style: none;
        box-shadow: none !important;
        display: block;
        margin: 0;
        padding: 0;
    }

    .console-tag-select .console-tag-dropdown
    {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        margin-top: 2px;
        width: 326px;
    }

        .console-tag-select .console-tag-dropdown .dropdown-menu
        {
            position: static;
            border: 1px solid #e1e6eb;
            width: 160px;
        }

            .console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-block
            {
                padding: 7px 16px;
                display: block;
            }

            .console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-empty
            {
                color: #999;
                font-style: italic;
            }

            .console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-key-item-title .console-tag-key-item-block
            {
                background: #F5F6FA;
                border-bottom: 1px solid #eee;
            }

            .console-tag-select .console-tag-dropdown .dropdown-menu li a
            {
                border-bottom: 1px solid #eee;
                white-space: pre-line;
                position: relative;
            }

                .console-tag-select .console-tag-dropdown .dropdown-menu li a:hover, .console-tag-select .console-tag-dropdown .dropdown-menu li a:focus
                {
                    background-color: #F9F9FA;
                }

            .console-tag-select .console-tag-dropdown .dropdown-menu li:last-child a
            {
                border-bottom: none;
            }

            .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a, .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:hover, .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:focus
            {
                text-decoration: none;
                outline: 0;
                -webkit-transition: backgroud 0.2s ease, 0.2s ease;
            }

                .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a .console-tag-selected-icon, .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:hover .console-tag-selected-icon, .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-active a:focus .console-tag-selected-icon
                {
                    display: block;
                }

            .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active
            {
                border-left: 2px solid #09c;
                margin-left: -1px;
            }

                .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a, .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a:hover, .console-tag-select .console-tag-dropdown .dropdown-menu li.tag-key-active a:focus
                {
                    padding-left: 15px;
                }

            .console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active, .console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active:hover, .console-tag-select .console-tag-dropdown .dropdown-menu .console-tag-value-item a.tag-active:focus
            {
                background-color: #F9F9FA;
            }

        .console-tag-select .console-tag-dropdown .console-tag-value-dropdown
        {
            margin-left: -1px;
        }

    .console-tag-select .console-tag-pagepick
    {
        padding: 0 5px;
    }

        .console-tag-select .console-tag-pagepick a
        {
            display: inline-block !important;
            border-bottom: none !important;
            -webkit-user-select: none;
        }

    .console-tag-select .console-tag-selected-icon
    {
        display: none;
        float: right;
        font-size: 14px;
        position: absolute;
        right: 8px;
        top: 8px;
    }

    .console-tag-select .console-tag-label-wrap
    {
        padding-left: 2px;
    }

    .console-tag-select .console-tag-label
    {
        padding: 5px 20px 5px 5px;
        background: #f1f1f1;
        position: relative;
        margin-left: 2px;
    }

        .console-tag-select .console-tag-label .console-tag-label-remove
        {
            position: absolute;
            top: 0;
            right: 0;
            width: 20px;
            height: 27px;
            line-height: 27px;
            text-align: center;
            cursor: pointer;
        }

.console-tag-select-view .console-tag-label
{
    padding: 5px 20px 5px 5px;
    background: #f1f1f1;
    position: relative;
    margin-left: 2px;
}

    .console-tag-select-view .console-tag-label .console-tag-label-remove
    {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        cursor: pointer;
        color: #666;
    }

    .console-tag-select-view .console-tag-label .console-tag-label-colon
    {
        padding: 0 1px;
    }

.console-tag-edit .tag-panel
{
    min-height: 120px;
    border: 2px dashed #ddd;
    padding: 8px;
}

    .console-tag-edit .tag-panel .console-tag-select-view .console-tag-label
    {
        margin: 4px;
    }

.console-tag-edit .tag-edit-tip
{
    color: #999;
    font-style: italic;
    margin-top: 8px;
}

.console-tag-edit-form
{
    display: inline-block;
}

    .console-tag-edit-form input.form-control
    {
        width: 80px;
    }

    .console-tag-edit-form.form-inline .form-group
    {
        margin: 0 8px 0 0px;
    }

.console-tag-loading-overlay
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.console-tag-loading-block
{
    position: absolute;
    top: 50%;
    left: 50%;
}

.console-searchbar-textinput
{
    min-width: 180px;
}

.console-shuttle .title
{
    border-left: 1px solid #e1e6eb;
    border-right: 1px solid #e1e6eb;
    border-top: 1px solid #e1e6eb;
    background-color: #F5F6FA;
    padding-left: 5px;
    line-height: 30px;
}

.console-shuttle .search
{
    position: relative;
}

    .console-shuttle .search .icon-search
    {
        position: absolute;
        right: 5px;
        top: 10px;
        font-size: 12px;
    }

    .console-shuttle .search input
    {
        width: 100%;
        height: 32px;
    }

.console-shuttle .selector
{
    border: 1px solid #e1e6eb;
    height: 240px;
}

.console-shuttle .left-selector
{
    height: 220px;
}

.console-shuttle .right-selector
{
    height: 240px;
}

.console-shuttle .search-hidden
{
    height: 240px;
}

.console-shuttle .btn
{
    display: block;
    margin: 12px 45%;
}

.console-shuttle .console-selector
{
    width: 40%;
}

.console-shuttle .console-selector-result
{
    width: 40%;
}

.console-shuttle .selector-group-options
{
    vertical-align: middle;
    width: 20%;
    text-align: center;
    margin-top: 100px;
}

.console-shuttle .selector-list .line-head
{
    line-height: 12px;
    margin-bottom: 8px;
    color: #000;
}

.console-shuttle .selector-list .line-bottom
{
    line-height: 12px;
    color: #999;
}

.console-shuttle .selector-list .line-column-left
{
    display: inline-block;
}

.console-shuttle .selector-list .line-column-right
{
    display: inline-block;
    float: right;
    padding: 5px 0;
    color: #000;
}

.console-shuttle .selector-list .line-yellow-text
{
    color: #ff6600;
}

.console-shuttle .selector-list .selector-item
{
    height: auto;
    line-height: normal;
    padding: 10px;
    text-indent: 0;
}

    .console-shuttle .selector-list .selector-item:hover
    {
        color: auto;
        background: #f9f9f9;
    }

    .console-shuttle .selector-list .selector-item.active
    {
        color: #fff;
        background: #0099cb;
    }

        .console-shuttle .selector-list .selector-item.active .line-head
        {
            color: #fff;
        }

        .console-shuttle .selector-list .selector-item.active .line-bottom
        {
            color: #fff;
        }

        .console-shuttle .selector-list .selector-item.active .line-yellow-text
        {
            color: #fff;
        }

        .console-shuttle .selector-list .selector-item.active .line-column-right
        {
            color: #fff;
        }

body
{
    font-size: 12px;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}

a
{
    color: #06C;
    cursor: pointer;
}

    a:hover
    {
        color: #039;
    }

label
{
    font-size: 100%;
}

.nowrap
{
    white-space: nowrap;
}

.breakall
{
    word-break: break-all;
    word-wrap: break-word;
}

input::-ms-clear
{
    display: none;
}

input[type="radio"], input[type="checkbox"]
{
    margin-top: 2px;
    margin-top: 1px \9;
}

.console-container
{
    padding: 0 15px;
}

.console-sidebar
{
    border-right: 1px solid #DDD;
}

    .console-sidebar .nav
    {
        margin-right: 4px;
    }

        .console-sidebar .nav li
        {
            border-bottom: 1px solid #DDD;
            padding: 4px 0px;
            position: relative;
        }

            .console-sidebar .nav li a
            {
                color: #333;
                padding: 6px 16px;
                border-left: 2px solid #FFF;
            }

                .console-sidebar .nav li a:hover
                {
                    background-color: #FFF;
                    border-left: 2px solid #F90;
                }

                .console-sidebar .nav li a span[class^="icon-"]
                {
                    position: absolute;
                    left: 0px;
                    top: 8px;
                    color: #999;
                    font-size: 14px;
                }

            .console-sidebar .nav li.active a
            {
                color: #fff;
                border-left: 2px solid #F90;
                background-color: #313844;
            }

        .console-sidebar .nav .nav
        {
            margin-right: 0px;
        }

            .console-sidebar .nav .nav li
            {
                border-bottom: 0px;
            }

                .console-sidebar .nav .nav li a
                {
                    text-indent: 12px;
                    background: #FFF;
                    border-left-color: #FFF;
                    color: #333;
                }

                    .console-sidebar .nav .nav li a:hover
                    {
                        background-color: #FFF;
                        border-left: 2px solid #F90;
                    }

                .console-sidebar .nav .nav li.active a
                {
                    color: #fff;
                    border-left: 2px solid #F90;
                    background-color: #313844;
                }

.console-instance-head
{
    padding: 3px 0px;
    border-bottom: 1px solid #DDD;
}

    .console-instance-head h3.instance-id
    {
        display: inline-block;
        margin-right: 8px;
        vertical-align: middle;
    }

    .console-instance-head .pull-right
    {
        padding: 16px 0px 10px;
    }

.dropdown-menu
{
    font-size: 12px;
    border-radius: 0px;
    padding: 0px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

    .dropdown-menu li a
    {
        padding: 7px 16px;
    }

    .dropdown-menu .divider
    {
        margin: 0px 0px;
    }

.console-chart
{
    width: 100%;
}

.tooltip
{
    word-break: break-all;
}

.popover .popover-inner
{
    padding: 8px;
}

    .popover .popover-inner .popover-content
    {
        padding: 0px;
    }

.console-not-service
{
    margin-top: 80px;
}

    .console-not-service .console-not-service-icon
    {
        text-align: right;
        padding-top: 8px;
    }

    .console-not-service .console-not-service-title
    {
        font-size: 20px;
    }

    .console-not-service .console-not-service-text
    {
        font-size: 12px;
        color: #666;
    }

    .console-not-service .console-not-service-link
    {
        border-top: 1px solid #EEE;
        margin-top: 16px;
        padding-top: 16px;
    }

.console-step
{
    height: 24px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

    .console-step .step
    {
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        color: #FFF;
        background: #cacaca;
        z-index: 1;
        text-align: center;
    }

        .console-step .step:before
        {
            content: '';
            display: block;
            position: absolute;
            left: -12px;
            z-index: 8;
            top: 0px;
            border-top: 12px solid #cacaca;
            border-left: 12px solid transparent !important;
            border-bottom: 12px solid #cacaca;
        }

        .console-step .step:after
        {
            content: '';
            display: block;
            width: 16px;
            height: 24px;
            position: absolute;
            right: 0px;
            z-index: 9;
            top: 0px;
            border-top: 12px solid transparent !important;
            border-left: 12px solid #cacaca;
            border-bottom: 12px solid transparent !important;
            background-color: #FFF;
        }

    .console-step .step-first:before
    {
        display: none;
    }

    .console-step .step-end:after
    {
        display: none;
    }

    .console-step .step-pass
    {
        background-color: #99dcf3;
    }

        .console-step .step-pass:after
        {
            border-color: #99dcf3;
        }

        .console-step .step-pass:before
        {
            border-color: #99dcf3;
        }

    .console-step .step-active
    {
        background-color: #00a0c7;
    }

        .console-step .step-active:after
        {
            border-color: #00a0c7;
        }

        .console-step .step-active:before
        {
            border-color: #00a0c7;
        }
